ng-bind在ng-bind-html中

Question

如果我有一个div如下

<div ng-bind-html="myHtml"></div>

和myHtml定义如下

$scope.names = ['A','B','C'];
$scope.myHtml = "<p ng-repeat=\"name in names\" ng-bind=\"name\"></p>";

为什么ng-repeat在这种情况下不处理？

Answer 1

您可以使用bind-html-compile指令代替bind-html

ngBindHtml我们用于没有角度指令的HTML，例如ng-repeat或ng-model，但是单个DOM

Angular应该知道新的变化并将它们输入到消化循环中。因此，我们需要将ngBindHtml与$compile合并。这是bind-html-compile指令的目的，它应该在一个中完成这两个任务。