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']);

最後の2つは、何らかの理由でangularjsのドキュメントにあります...