Question

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

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

以角度编译隐藏元素

1 个答案: