javascript - ng-bind-html 不起作用

Question

请看这个 小提琴

请在文本区域输入 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>

我试图遵循这个主题的解决方案

但似乎没有任何帮助，

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

Answer 1

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

问题是我应该使用：

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

代替{{user}}

Answer 2

要使其正常工作，您将需要以下内容：

在 html 中声明

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

或者

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

和

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

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

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