2012-06-27 14 views
14

Come posso esportare le entità HTML nei campi associati a una variabile in viewModel? Vorrei visualizzare un'entità HTML come ← (←) in un campo associato a un span nel codice HTML. Sfortunatamente, l'HTML è sfuggito, quindi il browser visualizza & larr; invece del simbolo.Entità HTML con blocco

Fiddle con un esempio: 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> 

risposta

23

È possibile utilizzare la html vincolante per qualcosa di simile a questo. Si sarebbe simile:

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

Esempio: http://jsfiddle.net/rniemeyer/KES2j/1/

+0

E 'importante rendersi conto che se si passa dal testo: in HTML: potenzialmente si crea un problema di sicurezza. È necessario assicurarsi che il valore di field.value non possa essere modificato dagli utenti dell'applicazione. Altrimenti, puoi aprirti a un attacco CSRF. –

+0

Come posso associare HTML con il binding delle opzioni? – adriaanp

Problemi correlati