angularjs - ng-bind-html vs bind-html-compile？

Question

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

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

对于 ng-bind-html，这会去掉 bind-html-compile 没有的样式。我可以知道何时应该使用每个指令。谢谢。

Answer 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>';

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