2016-09-02 3 views
1

У меня есть данные JSON, как это:Issue для фильтрации таблицы

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

Я использую ngBindHtml для отображения content, и он работает очень хорошо. Проблема только одна: когда тип эквивалентен table Я хочу сделать фильтр на этом, есть ли способ сделать это? Я много искал, и я не мог найти решение для этого.

вид выглядит следующим образом:

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

Вот ссылка для demo, чтобы вы могли лучше понять ситуацию.

Любая помощь будет оценена по достоинству.

+0

где вы не можете применить фильтр? –

+0

Я хочу использовать 'filter' в таблице .. как в обычном способе, которым мы можем его использовать, например:' Joshua

ответ

0

Если цель вашего фильтра слишком поиск, то вот что вы можете сделать:

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

и добавить ->ng-repeat="p in Product.productPoints | filter:search_points" и связать его, как {{p.code}} вместо нг затруднительное

для справки ->This

+0

Это может помочь u -> [ЭТО] (http://jsfiddle.net/3gb1n2t9/4 /) –

+0

Ну, я думаю, вы не поняли, в чем вопрос. Я знаю, как отфильтровать таблицу, как это. Проблема в том, что таблица идет со всеми элементами из webservice. – Joshua

Смежные вопросы