angular ng-repeat and html

angular ng-repeat and html

本文关键字：html and ng-repeat angular      更新时间：2023-09-26

所以我在index.html中有下一个div：

...
<div ng-include src="'templates/blocks.html'" ng-controller='Foo'></div>
...

Foo控制器在"bars"属性下保存一个html片段数组。

blocks.html看起来像：

<div class="block" ng-repeat="bar in bars">
        <div ng-bind-html-unsafe="{{bar}}"></div>
</div>

我得到的是div中的html作为文本，类为"block"，这意味着它不会被计算为html。

谢谢。

ng-bind-html-insafe在1.2中被删除。用ng-bing-html代替，去掉花括号，就像Sebastian说的那样。

包含ngSanitize模块作为应用程序的依赖项，不要忘记包含其JS//ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular-sanicle.js.

删除ng-bind-html-unsafe中的大括号，它应该可以工作：

<div class="block" ng-repeat="bar in bars">
  <div ng-bind-html-unsafe="bar"></div>
</div>

为了完整起见，这里有一个示例jsfiddle。

<div ng-repeat="item in tree" ng-include="'a.html'" class="node"></div>

a.html

<p>  {{item.name}}</p>

控制器.js

$scope.tree = [
                              {name: 'Узел', nodes: [] },
                                {name: 'Морской', nodes: []},
                                {name: 'Устричный', nodes: []}
                        ];
相关文章：