2012-06-27 20 views
14

के साथ एचटीएमएल इकाइयां मैं उन क्षेत्रों में HTML इकाइयों को कैसे आउटपुट कर सकता हूं जो दृश्य मॉडल में चर के लिए बाध्य हैं? मैं HTML में span से जुड़े फ़ील्ड में ← (←) जैसी HTML इकाई प्रदर्शित करना चाहता हूं। दुर्भाग्य से, HTML बच निकला है, इसलिए ब्राउज़र & larr प्रदर्शित करता है; प्रतीक के बजाय। एक उदाहरण के साथनॉकआउट

फिडल: http://jsfiddle.net/nwinkler/KES2j/

जावास्क्रिप्ट:

var data = { value : '←'}; 

var viewModel = { 
    field: ko.mapping.fromJS(data) 
}; 

ko.applyBindings(viewModel); 

HTML:

<p>HTML: &larr;</p> 
<p>Knockout: <span data-bind='text: field.value'></span></p> 

उत्तर

23

आप html यह एक तरह कुछ के लिए बाध्यकारी उपयोग कर सकते हैं। यह विचार करेंगे की तरह:

<p>Knockout: <span data-bind='html: field.value'></span></p> 

नमूना: http://jsfiddle.net/rniemeyer/KES2j/1/

+0

यह एहसास है कि यदि आप पाठ से स्विच महत्वपूर्ण है: एचटीएमएल करने के लिए: आप संभवतः एक सुरक्षा समस्या पैदा करते हैं। आपको यह सुनिश्चित करना चाहिए कि फ़ील्ड.वल्यू का मूल्य आपके आवेदन के उपयोगकर्ताओं द्वारा छेड़छाड़ नहीं किया जा सकता है। अन्यथा, आप स्वयं को एक सीएसआरएफ हमले के लिए खोल सकते हैं। –

+0

मैं बाध्यकारी विकल्पों के साथ एचटीएमएल कैसे बांध सकता हूं? – adriaanp