Penapis filter AngularJS

Panduan Referensi AngularJS

Definisi dan penggunaan

filter Penapis memungkinkan kita untuk menapis array dan mengembalikan array yang hanya mengandung item yang cocok.

Penapis ini hanya dapat digunakan untuk array.

Halaman yang berhubungan

Panduan AngularJS:Filter Angular

Contoh

Contoh 1

Tampilkan item yang mengandung huruf "A":



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

亲自试一试

Contoh 2

Menggunakan objek sebagai penapis:



    
<li ng-repeat="x in customers | filter : {'name' : 'O', 'city' : 'London'}">
    {{x.name + ", " + x.city}}

亲自试一试

例子 3

进行“严格”比较，除非值与表达式完全相同，否则不会返回匹配项：



    

  • 
    {{x.name + ", " + x.city}}

    •

亲自试一试

语法

{{ arrayexpression | filter : ekspresi : comparator }}

Parameter

Parameter Deskripsi
ekspresi

Ekspresi yang digunakan untuk memilih item dari array. Tipe ekspresi dapat berupa:

String: Akan mengembalikan item array yang cocok dengan string.

Objek: Objek adalah model yang dicari di dalam array. Misalnya: filter: {"name" : "H", "city": "London"} akan mengembalikan item array yang nama mengandung huruf "H" dan kota mengandung "London". Lihat contoh di atas.

Fungsi: Fungsi yang akan dipanggil untuk setiap item array dan item yang mengembalikan true akan muncul di array hasil.
comparator

Pilihan. Definisikan tingkat kebijaksanaan pembandingan. Nilainya dapat berupa:

true: Hanya jika nilai item array sama persis dengan nilai yang akan dibandingkan, maka kembalikan item yang cocok.

false: Jika nilai item array mengandung nilai yang akan dibandingkan, maka kembalikan item yang cocok. Pembandingan ini tidak membedakan huruf besar dan kecil. Ini adalah nilai baku.

Fungsi: Kita dapat mendefinisikan fungsi untuk menentukan apa yang dianggap cocok atau tak cocok.

Panduan Referensi AngularJS