Ausgabe auf dem Tisch zu filtern

Question

Ich habe ein JSON-Daten wie folgt aus:

[ 
    { 
    "id": 6488, 
    "type": "table", 
    "content": "<table> <tbody> <tr> <td>First</td> </tr> <tr> <td>Second</td> </tr> <tr> <td>Third</td> </tr></tbody> </table>" 
    }, { 
    "id": 123123, 
    "type": "another", 
    "content": "xxxx" 
    } 
] 

ich ngBindHtml bin mit dem content angezeigt werden, und es ist wirklich gut funktioniert. Das Problem ist nur eines: Wenn der Typ table entspricht, möchte ich einen Filter machen, gibt es eine Möglichkeit, dies zu tun? Ich habe viel gesucht und konnte dafür keine Lösung finden.

Die Ansicht sieht wie folgt aus:

<input type="text" placeholder="Filter..." ng-model="$ctrl.search"> 
<p></p> 
<strong>Id</strong> 
<p ng-bind="$ctrl.item.id"></p> 
<strong>Type</strong> 
<p ng-bind="$ctrl.item.type"></p> 
<strong>Content</strong> 
<p ng-bind-html="$ctrl.item.content"></p> 

Hier ist ein Link für demo, so dass Sie die Situation besser verstehen konnte.

Jede Hilfe wäre willkommen.

Answer 1

Wenn das Ziel des Filters auch dann ist hier zu suchen ist, was Sie tun können:

<div class="form-group"> 
<input class="form-control" name="search" type="text" placeholder="Search" ng-model="search_points"> 
</div> 

und fügen Sie ->ng-repeat="p in Product.productPoints | filter:search_points" und binden Sie es wie {{}} p.code statt ng binden

für Referenz besuchen ->This