AngularJS filter ਫਿਲਟਰ
ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ
filter
ਫਿਲਟਰ ਸਾਡੇ ਮੰਡਲਾਂ ਨੂੰ ਫਿਲਟਰ ਕਰਨ ਦੀ ਇਜਾਜਤ ਦਿੰਦੇ ਹਨ ਅਤੇ ਮੇਲ ਖਾਣ ਵਾਲੇ ਆਈਟਮਾਂ ਵਾਲੇ ਮੰਡਲ ਵਾਪਸ ਦਿੰਦੇ ਹਨ。
ਇਹ ਫਿਲਟਰ ਸਿਰਫ ਮੰਡਲਾਂ ਵਿੱਚ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ。
ਸਬੰਧਤ ਪੰਨੇ:
AngularJS ਸਿੱਖਿਆਕੋਸ਼:انگولار فیلٹر
ਇਨਸਟੈਂਸ
ਉਦਾਹਰਣ 1
ਅੱਖਰ 'A' ਵਾਲੇ ਅਣੂਆਂ ਨੂੰ ਦਿਖਾਓ:
<li ng-repeat="x in cars | filter : 'A'">{{x}}</li>
ਉਦਾਹਰਣ 2
ਇੱਕ ਅਧਿਆਇਕਾਰ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਫਿਲਟਰ ਲਾਗੂ ਕਰੋ:
<li ng-repeat="x in customers | filter : {'name' : 'O', 'city' : 'London'}"> {{x.name + ", " + x.city}}
例子 3
进行“严格”比较,除非值与表达式完全相同,否则不会返回匹配项:
- {{x.name + ", " + x.city}}
语法
{{ arrayexpression | filter : expression : comparator }}
ਪੈਰਾਮੀਟਰ
ਪੈਰਾਮੀਟਰ | ਵਰਣਨ |
---|---|
expression |
用于从数组中选择项目时所使用的表达式。表达式的类型可以是: 字符串:将返回与字符串匹配的数组项目。 对象:对象是在数组中搜索的模式。例如:filter: {"name" : "H", "city": "London"} 将返回名称中包含字母 "H" 且城市包含 "London" 的数组项目。请参阅上面的示例。 函数:一个将为每个数组项目调用的函数,并且函数返回 true 的项目将出现在结果数组中。 |
comparator |
可选。定义比较的严格程度。值可以是: true:仅当数组项目的值与我们要比较的值完全相同时才返回匹配项。 false:如果数组项目的值包含要比较的值,则返回匹配项。此比较不区分大小写。这是默认值。 فونکشن: ہم ایک فونکشن دین سکتے ہیں جو کیا چیز میچ کی یا نہیں کی جانا ہے، نہ کیا نا منچ کا فیصلہ کر سکتا ہے۔ |