केवल कुछ वस्तुओं पर AngularJS फ़िल्टर

Question

मेरे पास उपयोगकर्ता वस्तु नीचे दी गई है। मैं नाम के लिए परिणाम, उम्र के साथ-साथ सेक्स प्राप्त जब भी मैं खोज

<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'} 
    ] 
}] 

मैं निम्नलिखित कोड है। लेकिन मैं केवल नाम और उम्र के लिए खोजना चाहता हूं और मैं नहीं चाहता कि लिंग खोजे जा सके। क्या कोई मेरी मदद कर सकता है कि मैं इसे कैसे प्राप्त कर सकता हूं?

Answer 1

मुझे यकीन है कि अगर यह है कि तुम क्या कर रहे हैं के बाद नहीं कर रहा हूँ। यदि आप एकाधिक गुणों से मेल खाने के लिए एक इनपुट फ़ील्ड रखना चाहते हैं तो आपको 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()); 
}; 

यहाँ एक बेला उदाहरण है http://jsfiddle.net/fredrik/26fZb/1/

Answer 2

आप दो खोज क्षेत्रों

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

नहीं तो आप एक कस्टम या पास दोनों के लिए एक ही क्षेत्र का उपयोग करने के फिल्टर, लिखने के लिए की आवश्यकता होगी हो सकता है अगर इस लक्ष्य को हासिल करने के लिए दूसरा पैरामीटर के रूप में एक वस्तु पारित कर सकते हैं डॉक्स में वर्णित तीसरे पैरामीटर के रूप में एक कस्टम फ़िल्टर फ़ंक्शन।

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

Answer 3

"में user.friends दोस्त | json | फिल्टर: {कुछ: somethingtext}"

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

Answer 4

एक अन्य संभावित दृष्टिकोण एक बनाने के लिए है समेकित फ़ील्ड जिसमें उन सभी फ़ील्ड के मान शामिल हैं जिन्हें आप संयोजित करना चाहते हैं और केवल उस पर फ़िल्टर करना चाहते हैं।

Answer 5

यह आप जो चाहते हैं उसे पूरा करने का सबसे साफ तरीका नहीं है, लेकिन यह मानक एनजी-दोहराना फ़िल्टर का उपयोग करके एक फ़िल्टर को पूरा करने का सबसे आसान तरीका है।

नियंत्रक:

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

एचटीएमएल

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