angularjs - Issue to filter on table -

i have json data this:

[   {   "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"   } ] 

i'm using ngbindhtml display content, , it's working well. problem one: when type equivalent table want make filter on this, there way this? searched lot , couldn't find solution this.

the view looks this:

<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> 

here's link demo understand situation better.

any appreciated.

if goal of filter search here can do:

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

and add -> ng-repeat="p in product.productpoints | filter:search_points" , bind {{p.code}} instead of ng bind

for reference visit -> this