一尘不染

ng-bind-html与bind-html-compile?

angularjs

我想知道ng-bind-html和bind-html-compile指令之间的区别。例如我给

<p style='color:red'>test<p>

到ng-bind-html,这会剔除bind-html-compile所没有的样式。我可以知道何时应该使用每个指令。谢谢。


阅读 211

收藏
2020-07-04

共1个答案

一尘不染

bind-html-compile 不是标准的Angular指令,它带有模块https://github.com/incuna/angular-
bind-html-compile并用于编译绑定的数据。等同于在源代码中编写html:它将重新评估,并且如果找到其他指令,它们将按预期工作。

ng-bind-html 是标准指令(与Angular捆绑在一起),仅输出html字符串 而不进行编译

例如,如果您的控制器具有纯html变量,例如:

$scope.dataToDisplay = '<h1><strong>Title</strong></h1>';

然后,您可以继续使用ng-bind-html

如果您需要使用其他指令来注入包含html的变量,例如:

$scope.dataToDisplay = '<h1 ng-show="showIfOtherVariable"><strong>Title</strong></h1>';

那么你需要前面提到的模块。

2020-07-04