angularjs - 带有 AngularJS 过滤器和 Angular-ui 突出显示的 Ng-bind-html

Question

我想使用 AngularJS 过滤器在表格中搜索一段文本，然后使用Angular-ui highlight突出显示文本。

我有以下代码：

搜索字段：

<input type="text" ng-model="searchText"/>

ng-repeat带有angular-ui 的表格highlight

<table ng-repeat="fruit in fruits">
    <tr>
        <td>{{ fruit.name | highlight:searchText }}</td>
        <td>{{ fruit.price }}</td>
    </tr>
</table>

但我的结果是这样的：

我想我应该使用ng-bind-html-unsafe，但不确定实现它的正确方法。有任何想法吗？

Answer 1

你可以试试

<span ng-bind-html-unsafe="fruit.name | highlight:searchText"></span>

Answer 2

在用户 sza 的帮助下，我已经解决了我的问题。

我正在使用 AngularJS 1.2，并且需要使用ng-bind-htmlnot ng-bind-html-unsafe。下一步是包含angular-sanitize.js脚本。最后一步是在指令ngSanitize中包含app.js.

来源和附加阅读在这里