Filter nur 2 von 3 Spalten angularjs

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> 

Ich habe diese Tabelle. Wie kann ich machen, dass der Filter nur auf descriptionLong oder descriptionShort und nicht in primaryKey funktioniert. Zu diesem Zeitpunkt arbeitet der Filter nur auf descriptionLong. DATA sceernshot

Answer 1

Ich nehme an, das ist, was Sie wollen:

<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 versuchen durch oder suchen - nichts angezeigt, es Sucht nicht nach Primärschlüssel.

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> 

Warum nicht mehrere Filter verwenden?