Penjelasan terperinci tentang penggunaan Penapis AngularJS_AngularJS

Penapis AngularJS, nama Cina "penapis" digunakan untuk menapis nilai pembolehubah, atau memformatkan output untuk mendapatkan hasil atau format yang diingini.

Pengenalan Penapis

Penapis digunakan untuk memformat data.

Prototaip asas Penapis (‘|’ serupa dengan mod paip dalam Linux):

{{ expression | filter }}

Penapis boleh digunakan dalam rantai (iaitu, berbilang penapis digunakan secara berterusan):

{{ expression | filter1 | filter2 | ... }}

Penapis juga boleh menentukan berbilang parameter:

{{ expression | filter:argument1:argument2:... }}

1. Gunakan
dalam Lihat Templat

Gunakan Penapis pada ungkapan

Formatnya mestilah seperti berikut:

{{ ungkapan |. penapis }} iaitu {{ penapis |

Contohnya: {{ 12 | mata wang }} keluaran ialah $12.00

Gunakan Penapis pada hasil output

Ringkasnya, ia adalah superposisi Penapis - hasil output penapis sebelumnya digunakan sebagai sumber data input penapis seterusnya.

Formatnya mestilah seperti berikut:

{{ ungkapan |. penapis2 |.

Tapis dengan parameter

Penapis boleh diikuti oleh satu atau lebih parameter untuk membantu melaksanakan keperluan khas dan penapis yang diperlukan.

Formatnya mestilah seperti berikut:

{{ ungkapan |. penapis: hujah1: hujah2:... }}

Contoh: {{ 1234 |. nombor:2 }} = 1,234.00

2. Gunakan Penapis terbina dalam AngluarJS AngularJS membekalkan kita dengan 9 penapis terbina dalam

Ia adalah mata wang, tarikh, penapis, json, hadTo, huruf besar, huruf kecil, nombor, orderBy.

Penggunaan khusus diperincikan dalam dokumentasi AngularJS. Berikut adalah beberapa yang biasa digunakan.

penapis mata wang

mata wang – digunakan untuk menukar pembolehubah kepada perwakilan mata wang

Contohnya: {{ amaun | mata wang}}

penapis huruf besar/kecil (penapis huruf besar)

Contohnya:

{{ "rentetan topi bawah" | Huruf besar: {{ userInput |

penapis tarikh (penapis tarikh)

Contohnya: {{ 1304375948024 | {{ 1304375948024 |. tarikh:"MM/dd/yyyy @ h:mma" }}

penapis json

Contohnya:

{{ {foo: "bar", baz: 23} |

Gunakan penapis dalam pengawal, perkhidmatan dan kritikal

Anda boleh menggunakan penapis dalam pengawal, perkhidmatan atau arahan AngularJS Pada masa ini, anda perlu menambah nama penapis bergantung kepada kebergantungan pengawal, perkhidmatan atau arahan.

Gunakan penapis terus dalam pengawal, supaya pengawal boleh memanggil penapis mengikut keperluannya sendiri

3. Penapis tersuai (penapis)

Bentuk menulis penapis tersuai dalam AngularJS sangat serupa dengan perkhidmatan kilang AngularJS Anda mesti ingat bahawa ia mengembalikan objek atau fungsi Apabila menulis, anda hanya memerlukan fungsi dengan lebih daripada satu parameter. Formatnya kira-kira seperti berikut: