2012-06-27 16 views
14

HTML Varlıkları, viewModel'deki bir değişkene bağlı alanlara nasıl çıktı verebilirim? HTML'de span'a bağlı bir alanda ← (←) gibi bir HTML Öğesi görüntülemek istiyorum. Ne yazık ki, HTML kaçtı, bu yüzden tarayıcı & larr görüntüler; sembol yerine. bir örnekleKnockoutlu HTML Varlıkları

Fiddle: 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> 

cevap

23

Sen html bunun gibi bir şey için bağlayıcı kullanabilirsiniz. Bu görünecektir gibi:

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

Örnek: http://jsfiddle.net/rniemeyer/KES2j/1/

+0

Bu metinden geçerseniz fark etmek önemlidir: html: potansiyel bir güvenlik sorunu oluşturabilir. Field.value değerinin, uygulamanızın kullanıcıları tarafından değiştirilemediğinden emin olmalısınız. Aksi takdirde, kendinizi bir CSRF saldırısına açabilirsiniz. –

+0

html'yi seçenek ciltleme ile nasıl bağlarım? – adriaanp

İlgili konular