ng-bind-html vs bind-html-编译?
ng-bind-html vs bind-html-compile?
我想知道 ng-bind-html 和 bind-html-compile 指令之间的区别。例如我给了
<p style='color:red'>test<p>
到 ng-bind-html,这去掉了 bind-html-compile 没有的样式。我可以知道什么时候应该使用每个指令吗?谢谢
bind-html-compile 不是标准的 Angular 指令,它随模块 https://github.com/incuna/angular-bind-html-compile 一起提供,用于compile binded data.To 让它变得简单,它相当于在你的源代码中写 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>';
那么你需要上述模块。
我想知道 ng-bind-html 和 bind-html-compile 指令之间的区别。例如我给了
<p style='color:red'>test<p>
到 ng-bind-html,这去掉了 bind-html-compile 没有的样式。我可以知道什么时候应该使用每个指令吗?谢谢
bind-html-compile 不是标准的 Angular 指令,它随模块 https://github.com/incuna/angular-bind-html-compile 一起提供,用于compile binded data.To 让它变得简单,它相当于在你的源代码中写 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>';
那么你需要上述模块。