Ng-bind-html mit AngularJS-filter und Angular-ui-highlight

Ich verwenden möchte, eine AngularJS-filter, um die Suche für einen text in eine Tabelle und verwenden Sie dann Angular-ui-highlight, den text markieren.

Ich habe den folgenden code:

Suchfeld:

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

Tabelle mit ng-repeat - und angular-ui - highlight

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

Aber mein Ergebnis sieht so aus:

Ng-bind-html mit AngularJS-filter und Angular-ui-highlight

Ich denke, ich sollte mit ng-bind-html-unsafe, bin mir aber nicht sicher, dass die richtigen Weg, um es zu implementieren. Irgendwelche Ideen?

InformationsquelleAutor jetcom | 2013-09-18

Schreibe einen Kommentar