ng-bind-html不起作用

Ala*_*med 3 javascript angularjs javascript-databinding

请看这个 小提琴

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

   $names.push('<div ng-bind-html-unsafe="snippet"></div>');
Run Code Online (Sandbox Code Playgroud)

实际上它没有.它打印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>
Run Code Online (Sandbox Code Playgroud)

我试图按照这个主题的解决方案

但似乎没有任何帮助,

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

Ala*_*med 13

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

问题是我应该使用:

<div ng-bind-html-unsafe="user">...</div>
Run Code Online (Sandbox Code Playgroud)

代替 {{user}}


小智 7

要使其工作,您将需要以下内容:

用html声明它

div ng-bind-html="{expression}"></div> 
Run Code Online (Sandbox Code Playgroud)

要么

div class="ng-bind-html: {expression};"></div>
Run Code Online (Sandbox Code Playgroud)

和

参考angular-sanitize.min.js然后添加

angular.module('YOUR_APP_NAME', ['ngSanitize']);
Run Code Online (Sandbox Code Playgroud)

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