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

时间:2014-11-26 17:16:18

标签: javascript angularjs angular-directive bindonce

在阅读bindonce指令的文档时,我想知道bo-htmlbo-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-textbo-html之间的真正区别是什么?

1 个答案:

答案 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