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

Question

在阅读bindoncebo-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