AngularJS का उपयोग करके एकाधिक ऑब्जेक्ट्स पर फ़िल्टर कैसे लागू करें?

Question

मेरे पास उपयोगकर्ता वस्तु नीचे दी गई है।

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

तब मैं है निम्नलिखित कोड:

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

अब जब मैं पाठ बॉक्स में टाइप पाठ: 'searchText', मैं फिल्टर उपयोगकर्ता का नाम और नाम प्रदर्शित करना चाहते हैं/दोस्त की उम्र क्या कोई मेरी मदद कर सकता है कि यह कैसे करें?

यदि मैं सही हूं, तो मुझे लगता है कि मुझे इसके लिए एक कस्टम फ़िल्टर बनाने की आवश्यकता है या क्या मैं इसे पूरा कर सकता हूं?

Answer 1

क्योंकि आप एक बार में दो बातों पर फ़िल्टर करना चाहते हैं - दोस्तों सरणी के कुछ गुण है और यह भी उपयोगकर्ता - आप बनाने की आवश्यकता होगी अपनी खुद की custom filter कि 2 अतिरिक्त पैरामीटर स्वीकार :

myApp.filter('myFilter', function() { 
    return function(friends, searchText, username) { 
    var searchRegx = new RegExp(searchText, "i"); 
    if ((searchText == undefined) || (username.search(searchRegx) != -1)) { 
     return friends; 
    } 
    var result = []; 
    for(i = 0; i < friends.length; i++) { 
     if (friends[i].name.search(searchRegx) != -1 || 
      friends[i].age.toString().search(searchText) != -1) { 
      result.push(friends[i]); 
     } 
    } 
    return result; 
    } 
}); 

तो इतना है कि यह फोन:

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

": searchText: user.name" एक कस्टम फ़िल्टर में अतिरिक्त तर्क पारित करने का तरीका है।

Fiddle।

Answer 2

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

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