Разница между bo-html и bo-text

Question

При чтении документации директивы bindonce, интересно, в чем разница между bo-html и bo-text.

• bo-html:

оценивает "разметки" и сделать его как HTML внутри элемента

• bo-text:

оценивает "текст" и распечатать его в виде текста внутри элемента

Итак, я ожидал этот код для работы:

<span bo-html="<strong>SomeText</strong>"></span> 

Но я получил это:

Error: [$parse:syntax] Syntax Error: Token '<' not a primary expression at column 1 of the expression 

<strong> быть базовый разметка, не так ли?

Если это не сработает (может быть, проблема с синтаксисом ..), какова реальная разница между bo-text и bo-html?

Answer 1

Если вы хотите бросить строку в bo-html, вам нужно объявить ее как строку, потому что она ищет переменную.

<span bo-html="'<strong>SomeText</strong>'"></span> 

другой способ:

$scope.myVariable = '<strong>SomeText</strong>'; 
<span bo-html="myVariable"></span> 

Разница в том, как вы скопировали выше. Вы можете увидеть разницу на примере:

$scope.myVariable = '<strong>SomeText</strong>'; 
<span bo-html="myVariable"></span> //<strong>SomeText</strong> as HTML 
<span bo-text="myVariable"></span> //<strong>SomeText</strong> as text