ng-bind-html不起作用

时间:2012-10-08 17:13:02

标签: javascript angularjs javascript-databinding

请查看this 小提琴

请在文字区输入4, 它应该写一条错误信息,就在这一行:

   $names.push('<div ng-bind-html-unsafe="snippet"></div>');
实际上它没有。它打印html代码本身而不处理,

,底层的html是:

<li ng-repeat="user in list|splitList:appUsers" class="ng-scope ng-binding">
        &lt;div ng-bind-html="snippet"&gt;&lt;/div&gt;
    </li>

我尝试按照此topic

的解决方案

但似乎没有任何帮助,

任何帮助修复它都将被视为,

2 个答案:

答案 0 :(得分:13)

我从angularjs的聊天室得到了帮助,

问题是我应该使用:

<div ng-bind-html-unsafe="user">...</div>

而不是{{user}}

答案 1 :(得分:7)

要使其发挥作用,您需要以下内容:

以html声明

div ng-bind-html="{expression}"></div> 

div class="ng-bind-html: {expression};"></div>

AND

引用angular-sanitize.min.js,然后添加

angular.module('YOUR_APP_NAME', ['ngSanitize']);

由于某种原因,最后两个是在angularjs文档中......