AngularJS sadece belirli nesnelerde filtreleniyor

Question

Aşağıdaki gibi tanımlanan kullanıcı nesnesine sahibim. Ben her arama yaptığında ben isim sonuçları, yaş gibi çok seks yapar, İşte

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

:

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

Aşağıdaki kod var. Ama sadece isim ve yaş için arama yapmak istiyorum ve ben de aranmak için seks istemiyorum. Bunu nasıl başarabilirim? İki arama alanlarını

Aksi

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

Özel bir ikisi için de aynı alanını kullanmaya filtreyi veya pas yazmak gerekir olabilir eğer

Answer 1

emin değilim. Birden çok özellikle eşleşen bir giriş alanına sahip olmak istiyorsanız, filter'a geçirilecek bir filtre işlevine ihtiyacınız vardır. İşte

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

bir keman örnek http://jsfiddle.net/fredrik/26fZb/1/

Answer 2

Sen bunu başarmak için ikinci parametre olarak bir nesne iletebilirsiniz Dokümanlarda açıklanan üçüncü parametre olarak bir özel filtre işlevi. Bu Sonra ne ise

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

Answer 3

"user.friends içinde arkadaş | json | filtresi: {şey: somethingtext}"

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

Answer 4

Bir diğer olası yaklaşım oluşturmaktır Birleştirilmiş filtrelemek istediğiniz tüm alanların değerlerini içeren bir toplama alanı ve yalnızca bunun üzerine filtre uygulayın.

Answer 5

Bu, istediğiniz şeyi gerçekleştirmenin en temiz yolu değildir, ancak standart ng-yineleme filtresini kullanarak bir OR filtresini gerçekleştirmenin en kolay yoludur.

Denetleyici:

$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>