在阅读bindonce指令的文档时,我想知道bo-html
和bo-text
之间的区别。
bo-html
:评估“标记”并将其呈现为元素
中的html
bo-text
:评估“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
之间的真正区别是什么?
答案 0 :(得分:5)
如果你想将一个字符串抛出到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