javascript - bo-html 和 bo-text 的区别

Question

在阅读 bindonce 的文档时指令，我想知道 bo-html 之间有什么区别？和 bo-text .

• bo-html :

evaluates "markup" and render it as html inside the element

• bo-text :

evaluates "text" and print it as text inside the element

所以，我希望这段代码能够工作:

<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