フィルターは3列のうちの2列だけです。

Question

<table> 
    <tr> 
     <th>Primary Key</th> 
     <th>descriptionShort</th> 
     <th>descriptionLong</th> 
</tr> 
<tr ng-repeat="terReason in data | filter :({descriptionLong:searchTerm}||{descriptionShort:searchTerm} )"> 
     <td>terReason.primaryKey</td> 
     <td>terReason.descriptionShort</td> 
     <td>terReason.descriptionLong</td> 
</tr> 
</table> 

私はこのテーブルを持っています。どのようにフィルタは、descriptionLongまたはdescriptionShortでのみ動作し、primaryKeyでは動作しません。 この時点でフィルタはdescriptionLongでのみ動作します。 DATA sceernshot

Answer 1

私は、これはあなたが望むものであると仮定します

<input ng-model="searchTerm"> 
<table> 
    <tr> 
     <th>Primary Key</th> 
     <th>descriptionShort</th> 
     <th>descriptionLong</th> 
    </tr> 
    <tr ng-repeat="terReason in data | filter : myFilter"> 
     <td>{{ terReason.primaryKey }}</td> 
     <td>{{ terReason.descriptionShort }}</td> 
     <td>{{ terReason.descriptionLong }}</td> 
    </tr> 
</table> 

JS：

$scope.data = [ 
{ 
    primaryKey: 0, 
    descriptionShort: 'descriptionShort ZERO', 
    descriptionLong: 'descriptionLong descriptionLong descriptionLong ZERO' 
}, 
{ 
    primaryKey: 1, 
    descriptionShort: 'descriptionShort ONE', 
    descriptionLong: 'descriptionLong descriptionLong descriptionLong ONE' 
}, 
{ 
    primaryKey: 2, 
    descriptionShort: 'descriptionShort TWO', 
    descriptionLong: 'descriptionLong descriptionLong descriptionLong TWO' 
}, 
{ 
    primaryKey: 3, 
    descriptionShort: 'descriptionShort THREE', 
    descriptionLong: 'descriptionLong descriptionLong descriptionLong THREE' 
} 
]; 

$scope.myFilter = function myFilter (value) { 
    return !$scope.searchTerm || Object.keys(value).some(function (key) { 
    return key !== 'primaryKey' && value[key].search($scope.searchTerm) !== -1; 
    }); 
} 

pluner：http://plnkr.co/edit/VMcs064WWbGraULyXQTU?p=preview はまたはで検索してみません - 表示何も、それを主キーで検索していません。

Answer 2

<tr ng-repeat="terReason in data | filter :filter1 | filter :filter2 "> 
     <td>terReason.primaryKey</td> 
     <td>terReason.descriptionShort</td> 
     <td>terReason.descriptionLong</td> 
</tr> 

なぜ複数のフィルタを使用しないのですか？