angularjs tutorial pdf meaning




मैं कई तर्कों के साथ Angular.js फ़िल्टर कैसे कॉल करूं? (6)

इस कोड में, jsondata हमारी सरणी है और फ़ंक्शन रिटर्न में हम jsondata में मौजूद 'संस्करण' की जांच कर रहे हैं।

var as = $filter('filter')(jsondata, function (n,jsondata){
   return n.filter.version==='V.0.3'
});

console.log("name is " + as[0].name+as[0]); 

https://code.i-harness.com

documentation , हम इस तरह की date जैसे फ़िल्टर को कॉल कर सकते हैं:

{{ myDateInScope | date: 'yyyy-MM-dd' }}

यहां तिथि एक फ़िल्टर है जो एक तर्क लेता है।

टेम्पलेट्स और जावास्क्रिप्ट कोड से अधिक पैरामीटर के साथ फिल्टर कॉल करने के लिए वाक्यविन्यास क्या है?


इस तरह:

var items = $filter('filter')(array, {Column1:false,Column2:'Pending'});

टेम्पलेट्स में, आप कोलन द्वारा फ़िल्टर तर्क अलग कर सकते हैं।

{{ yourExpression | yourFilter: arg1:arg2:... }}

जावास्क्रिप्ट से, आप इसे कहते हैं

$filter('yourFilter')(yourExpression, arg1, arg2, ...)

orderBy में छुपा एक उदाहरण वास्तव में फ़िल्टर डॉक्स द्वारा छुपाया गया है।

उदाहरण:

आइए मान लें कि आप एक फ़िल्टर बनाते हैं जो नियमित अभिव्यक्तियों वाली चीज़ों को प्रतिस्थापित कर सकता है:

myApp.filter("regexReplace", function() { // register new filter

  return function(input, searchRegex, replaceRegex) { // filter arguments

    return input.replace(RegExp(searchRegex), replaceRegex); // implementation

  };
});

सभी अंकों को सेंसर करने के लिए टेम्पलेट में आमंत्रण:

<p>{{ myText | regexReplace: '[0-9]':'X' }}</p>

मैंने नीचे उल्लिखित उल्लेख किया है जहां मैंने कस्टम फ़िल्टर का भी उल्लेख किया है, इन फ़िल्टरों को कैसे कॉल करें, जिनमें दो पैरामीटर हैं

countryApp.filter('reverse', function() {
    return function(input, uppercase) {
        var out = '';
        for (var i = 0; i < input.length; i++) {
            out = input.charAt(i) + out;
        }
        if (uppercase) {
            out = out.toUpperCase();
        }
        return out;
    }
});

और टेम्पलेट का उपयोग कर एचटीएमएल से हम उस फ़िल्टर को नीचे की तरह कॉल कर सकते हैं

<h1>{{inputString| reverse:true }}</h1>

यहां यदि आप देखते हैं, पहला पैरामीटर इनपुटस्ट्रिंग है और दूसरा पैरामीटर सत्य है जो प्रतीक का उपयोग करके "रिवर्स" के साथ संयुक्त है


यदि आप अपने फ़िल्टर को एनजी-विकल्प के अंदर कॉल करना चाहते हैं तो कोड निम्नानुसार होगा:

ng-options="productSize as ( productSize | sizeWithPrice: product )  for productSize in productSizes track by productSize.id"

जहां फ़िल्टर आकार हैथप्रिसफिल्टर और इसमें दो पैरामीटर उत्पाद और उत्पाद आकार हैं


यदि आपको फिल्टर के साथ दो या दो से अधिक लेन-देन की आवश्यकता है, तो उन्हें चेन करना संभव है:

{{ value | decimalRound: 2 | currencySimbol: 'U$' }} 
// 11.1111 becomes U$ 11.11






angularjs