javascript - Angular ng-repeat 和 html

标签 javascript angularjs

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

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

Foo Controller 在“bars”属性下保存一个 html 片段数组。

blocks.html 看起来像:

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

我得到的是 html 作为 div 中带有“block”类的文本,这意味着它不会被评估为 html。

谢谢。

最佳答案

ng-bind-html-unsafe 在 1.2 中被删除。使用 ng-bing-html 代替并删除花括号,就像 Sebastian 所说的那样。

将 ngSanitize 模块作为应用程序的依赖项包含在内,并且不要忘记包含其 JS //ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular-sanitize.js。

关于javascript - Angular ng-repeat 和 html,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23303401/

相关文章:

javascript - jQuery.remove(),分离 DOM 元素,但我仍然可以从代码中访问这些元素。如何避免泄漏?

javascript - 使用 javascript 设置表单元素的值 - 仍然提示必填字段

javascript - AngularJS - 如何按 ng-repeat 中类似数组对象的值进行排序

javascript - Microsoft Edge 上的 SelectionStart 属性存在问题

javascript - 使用 AngularJS 选择多个显示名称而不是 ID

javascript - 如何检测后退按钮

javascript - 我如何覆盖 ScriptResource.axd javascript 函数中内置的 asp.net

javascript - 如何使 AngularJs 内容在 Viewsource 中可见

javascript - 何时使用大括号

javascript - 将重定向请求中的 header 抓取到 angular-js 应用程序