隠し要素を角でコンパイルします

Question

リストを出力するng-repeatという指令があります。 アイテムの1つにカーソルを置くと、ツールチップが表示されます。

"ホバー"テキストはコンパイルされず、通常の文字列 "test"として表示されるという問題があります。

どのようにコンパイルするのですか？

おかげ

$scope. items = [{ 
       name: "Test1", 
       type: 0, 
       hover: "<h4>test</h4>" 
    }]; 

    <li ng-repeat="item in items"> 

     <div ng-if="activeItemIndex === $index"> 
      <div>{{item.hover}}</div> 
     </div> 

    </li> 

Answer 1

角度はデフォルトでHTMLをエスケープします。それはng-bind-htmlディレクティブを使用しているとして、変数の値をレンダリングするには：

<div ng-if="activeItemIndex === $index"> 
    <div ng-bind-html="item.hover"></div> 
</div>