2016-05-02 17 views
0

ng-repeatディレクティブによって読み込まれているテーブルの複数の列にフィルタを追加しようとしています。角度js内のテーブルの2つ以上の列のフィルタ

<tr ng-repeat="descriptiveField in vm.descriptiveFieldList|filter:{name:vm.searchText}" ng-class-even="'even-bgcolor'">            
    <td ng-bind=descriptiveField.name></td> 
    <td ng-bind="descriptiveField.fieldDescription></td> 
    <td style="text-align: left" ng-bind=descriptiveField.source></td> 
</tr> 

フィルタのみ名に適用されるばかり

<input type="text" ng-model="vm.searchText" class="search-input"/> 

ように私は検索ボックスがあります。私は2列の名前とソースを検索したいと思います。どうやってするか?

+1

あなたは、このためにカスタムフィルタを使用することができます。 https://docs.angularjs.org/tutorial/step_09をご覧ください。 –

+0

http://stackoverflow.com/questions/20849804/filter-by-multiple-columns-with-ng-repeat – oguzhan00

+0

@RamDuttShukla回答? –

答えて

3

使用$(同じレベルまたはより深い)filter any fieldsへ:

<tr ng-repeat="descriptiveField in vm.descriptiveFieldList | filter:search:strict}" ng-class-even="'even-bgcolor'">            
    <td ng-bind=descriptiveField.name></td> 
    <td ng-bind="descriptiveField.fieldDescription></td> 
    <td style="text-align: left" ng-bind=descriptiveField.source></td> 
</tr> 

<input type="text" ng-model="search.$" class="search-input"/> 
関連する問題