Pokaż właściwość zawierającą znaczniki html

Question

Posiadam właściwość ember, która zawiera znaczniki html (<br />, <strong>, <p>, <span> i podobne rzeczy).

Jak mogę powiedzieć, że Ember nie może uciec przed tym tekstem? Czy jest jakiś domyślny pomocnik Handlebars od embera, czy muszę napisać własną?

Answer 1

Od http://handlebarsjs.com/

Kierownice HTML ucieka wartości zwracanych przez {{expression}}.
Jeśli nie chcesz, aby kierownica wymykała się wartości, użyj "potrójnego skrytka".

{{{expression}}}

Answer 2

ciągu Ember.js można to zrobić metodą htmlSafe, która jest dodawana do prototypu String patrz http://jsfiddle.net/pangratz666/jNAQ6/:

Kierownice:

<script type="text/x-handlebars" > 
    {{App.html}} - {{App.unescaped}} 
</script>​ 

JavaScript:

App = Ember.Application.create({ 
    html: '<b>bold text</b>', 
    unescaped: function(){ 
     return this.get('html').htmlSafe(); 
    }.property('html') 
});​ 

Answer 3

Ember 2.x, używając JavaScript

Aby ciąg Niecytowany i wyjście za pomocą szablonów Ember można użyć htmlSafe pomocnika.

Ember.String.htmlSafe('<div>someString</div>') 

Zwrócony łańcuch nie będzie przechodził w HTML przez silnik szablonu Handlebars.

http://emberjs.com/api/classes/Ember.String.html#method_htmlSafe

Zastosowanie Kierownice Tylko

Alternatywnie, można przekazać surowego HTML do kierownicy szablonu i dostać surową wyjście HTML za pomocą protokołu Triple wsporniki

wewnątrz kierownicy szablon

<div>{{{raw_html_content}}}</div>