Filtro AngularJS solo su determinati oggetti

Question

Ho l'oggetto utente definito come di seguito.

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

Ho il codice seguente:

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

Qui ogni volta che cerco, ottengo risultati per nome, l'età e il sesso. Ma voglio cercare solo il nome e l'età e non voglio che il sesso sia ricercabile. Qualcuno può aiutarmi con come posso ottenere questo?

Answer 1

io non sono sicuro se questo è quello che cercate. Se si desidera avere un campo di input per abbinare più proprietà, è necessario passare una funzione filtro a filter.

$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()); 
}; 

Ecco un esempio violino http://jsfiddle.net/fredrik/26fZb/1/

Answer 2

È possibile passare un oggetto come secondo parametro per raggiungere questo obiettivo se si possono avere due campi di ricerca

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

In caso contrario sarà necessario scrivere un filtro personalizzato per utilizzare lo stesso campo per entrambi, o di passaggio una funzione di filtro personalizzata come terzo parametro descritto nei documenti.

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

Answer 3

"amico in user.friends | JSON | filtro: {qualcosa: somethingtext}"

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

Answer 4

Un altro approccio possibile è quello di creare un campo aggregato che contiene i valori di tutti i campi che si desidera filtrare su concatenati e filtrare solo su quello.

Answer 5

Questo non è il modo più semplice per ottenere ciò che si desidera, ma è il modo più semplice per realizzare un filtro OR utilizzando il filtro standard ng-repeat.

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>