2012-06-27 19 views
14

如何在與viewModel中的變量綁定的字段中輸出HTML實體?我想在HTML中綁定到span的字段中顯示一個HTML實體,如←(←)。不幸的是,HTML被轉義了,所以瀏覽器顯示& larr;而不是符號。帶敲除鍵的HTML實體

撥弄一個例子: http://jsfiddle.net/nwinkler/KES2j/

的JavaScript:

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

認識到,如果從文本轉換是很重要的:爲HTML:您可能創建一個安全問題。你應該確保field.value的值不能被你的應用程序的用戶操縱。否則,你可能會面臨CSRF攻擊。 –

+0

如何將html與選項綁定綁定? – adriaanp