HTMLエンティティは、だから私はいくつかのデータにバインドされています選択リストを持っている

Question

をノックアウト。例、optgroupのラベルに供給されるデータ。 &は、&と表示されます。

これらを正しくレンダリングするにはどうすればよいですか？

Answer 1

私は（あるとして、結合textのようですが、それは実体を含むHTMLをレンダリング）the html bindingを使用している知っているが、セキュリティへの影響の陶器だけでなく、実際ことが唯一の回避策そのほとんど実際のhtmlはoption要素内では無効です。

はここに証拠だ：

ko.applyBindings({ 
 
    dealerList: [ 
 
    { 
 
     name: 'group 1', 
 
     dealers: [ 
 
     { name: 'Mark & Sons' } 
 
     ] 
 
    } 
 
    ] 
 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.0/knockout-min.js"></script> 
 
<select> 
 
    <option selected="selected">-- Please select your company --</option> 
 
    <!-- ko foreach: dealerList --> 
 
     <optgroup data-bind="attr: {label: name}, foreach: dealers"> 
 
      <option data-bind="html: name, option: $data"></option> 
 
     </optgroup> 
 
    <!-- /ko --> 
 
</select>

あなたが唯一の実体ではなく、他のものをレンダリングすることを、どこかtextとhtmlの間で機能を持つa custom binding handlerを必要とするだろうデータを信頼することができない場合。