2012-06-27 12 views
14

viewModelの変数にバインドされたフィールドにHTMLエンティティを出力するにはどうすればよいですか? HTMLのspanにバインドされたフィールドに←(←)のようなHTMLエンティティを表示したいとします。残念ながら、HTMLはエスケープされているので、ブラウザには&が表示されます。シンボルの代わりに。例とノックアウトの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を使用することができます。 HTMLに:それはあなたがテキストから切り替えるとことを認識することが重要ですhttp://jsfiddle.net/rniemeyer/KES2j/1/

+0

:あなたは、潜在的なセキュリティ問題を作成

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

サンプルを:それは次のようになります。 field.valueの値をアプリケーションのユーザーが操作できないようにする必要があります。それ以外の場合は、CSRF攻撃まで自分自身を開くことができます。 –

+0

オプションバインディングでhtmlをバインドする方法はありますか? – adriaanp

関連する問題