Filter ng AngularJS

Paglilinaw at paggamit

filter Ang filter ay nagbibigay ng kapangyarihan sa amin na susunod ang array, at ibabalik ang array na naglalaman lamang ng mga tumugma na mga itik.

Ang filter na ito ay puwedeng gamitin lamang para sa array.

Mga kaugnay na pahina

Tuturuan sa AngularJS:Filter ng Angular

Mga halimbawa

Halimbawa 1

Ipakita ang mga item na naglalaman ng titik "A":

    <li ng-repeat="x in cars | filter : 'A'">{{x}}</li>

亲自试一试

Halimbawa 2

Ginagamit ang pangkat bilang filter:

    <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

Ang expression na ginagamit sa pagpili ng mga proyekto mula sa array. Ang uri ng expression ay maaaring maging:

String: Ibabalik ang mga proyekto ng array na tumutugma sa string.

Object: Ang object ay ang pattern na hinahanap sa array. Halimbawa: filter: {"name" : "H", "city": "London"} ay ibabalik ang mga proyekto ng array na ang pangalan ay naglalaman ng titik "H" at ang lungsod ay naglalaman ng "London". Tingnan ang mga halimbawa sa itaas.

Function: Isang function na magsasagawa para sa bawat proyekto ng array at ang mga proyekto na may return na true ay magiging kasama sa resulta ng array.

comparator

Optional. Tukuyin ang pagiging mahigpit ng paghahalal. Ang halaga ay maaaring maging:

true: Ibabalik lamang ang matching item kung ang halaga ng proyekto ng array ay ganap na katulad ng halaga na dapat paghahalal.

false: Kung ang halaga ng proyekto ng array ay naglalaman ng halaga na dapat paghahalal, ibabalik ang matching item. Ang paghahalal na ito ay hindi naghihinala ng laki ng mga titik. Ito ang default na halaga.

Function: Maaari naming maglagay ng function upang matukoy kung ano ang dapat ituring na match o mismatch.