以角度编译隐藏元素[重复]

Question

我有一个输出列表的 ng-repeat 指令。 将鼠标悬停在其中一个项目上时，将显示一个工具提示。

问题在于“悬停”文本未编译，而是显示为普通字符串：“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

Angular 默认转义 html。要按原样呈现变量值，请使用 ng-bind-html 指令：

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