angularjs - AngularJS フィルターと Angular-ui ハイライトを使用した Ng-bind-html

Question

AngularJS フィルターを使用してテーブル内のテキストを検索し、Angular-ui の強調表示を使用してテキストを強調表示したいと考えています。

次のコードがあります。

検索フィールド:

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

ng-repeatangular-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、それを実装する正しい方法がわかりません。何か案は？