AngularJS Filter nur auf bestimmte Objekte

Question

Ich habe das Benutzerobjekt wie folgt definiert.

$scope.user = [{id: 1, friends: 
    [ 
     {name: 'John', age: 21, sex: 'M'}, 
     {name: 'Brad', age: 32, sex: 'M'} 
    ] 
}] 

Ich habe den folgenden Code:

<input type="text" ng-model="searchText"> 
<div ng-repeat="friend in user.friends | filter:searchText"> 
    {{friend.name}} {{friend.age}} 
</div> 

hier, wenn ich suche, erhalte ich Ergebnisse für Namen, Alter sowie Geschlecht. Aber ich möchte nur nach Namen und Alter suchen, und ich möchte nicht, dass Sex durchsuchbar ist. Kann mir jemand helfen, wie ich das erreichen kann?

Answer 1

Ich bin mir nicht sicher, ob dies ist, was Sie sind. Wenn Sie ein Eingabefeld für mehrere Eigenschaften haben möchten, müssen Sie eine Filterfunktion an filter übergeben.

$scope.user = {id: 1, friends: [{name: 'John', age: 21, sex: 'M'}, {name: 'Brad', age: 32, sex: 'M'}, {name: 'May', age: 64, sex: 'F'}]}; 

$scope.searchFilter = function (obj) { 
    var re = new RegExp($scope.searchText, 'i'); 
    return !$scope.searchText || re.test(obj.name) || re.test(obj.age.toString()); 
}; 

Hier ist ein Beispiel Geige http://jsfiddle.net/fredrik/26fZb/1/

Answer 2

Sie können ein Objekt als zweiten Parameter übergeben, dies zu erreichen, wenn Sie zwei Felder suchen haben

<div ng-repeat="friend in user.friends | filter:{name:searchNameText, age:searchAgeText}"> 

Andernfalls müssen Sie einen benutzerdefinierten Filter schreiben, das gleiche Feld für beide zu verwenden, oder Pass eine benutzerdefinierte Filterfunktion als dritter Parameter, der in den Dokumenten beschrieben wird.

http://docs.angularjs.org/api/ng.filter:filter

Answer 3

"Freund in user.friends | json | Filter: {etwas: somethingtext}"

http://docs-angularjs-org-dev.appspot.com/api/ng.filter:json

Answer 4

Ein anderer möglicher Ansatz ist ein zu schaffen Aggregatfeld, das die Werte aller Felder enthält, die Sie nach Verkettung filtern möchten, und nur danach filtern.

Answer 5

Dies ist nicht der sauberste Weg zu erreichen, was Sie wollen, aber es ist der einfachste Weg, einen ODER-Filter mit den Standard-ng-Wiederholungs-Filter zu erreichen.

Controller:

$scope.user = [{id: 1, friends: 
    [ 
     {name: 'John', age: 21, sex: 'M'}, 
     {name: 'Brad', age: 32, sex: 'M'} 
    ] 
}] 

$scope.buildSearchData = buildSearchData; 

function buildSearchData(friend){ 
    return friend.name + ' ' + friend.age; 
} 

HTML

<input type="text" ng-model="searchText"> 
<div ng-repeat="friend in user.friends | filter:{searchData:searchText}" 
    ng-init="friend.searchData = buildSearchData(friend)"> 
    {{friend.name}} {{friend.age}} 
</div>