Penjelasan terperinci tentang penapis terbina dalam AngularJS_AngularJS

Hari ini kita akan belajar tentang penapis terbina dalam AngularJS

Mari kita lihat cara menggunakan penapis terbina dalam ini:

Penapis tanpa parameter
{{penapis ekspresi |.}}

Penapis dengan parameter
{{expression |

{{ekspresi |. penapis: arg1: arg2: ...}}

{{ekspresi |. penapis2 | Di bawah kami menggunakan penapis terbina dalam AngularJS berikut

mata wang

mata wang membolehkan kami menetapkan simbol mata wang kami sendiri Secara lalai, simbol mata wang wilayah tempat pelanggan berada akan digunakan.
Ia boleh digunakan seperti ini: {{ 3600 | mata wang: "$￥"}}

Klik untuk pratonton kod dalam talian


nombor

Penapis nombor memformat nombor menjadi teks Parameternya adalah pilihan dan digunakan untuk mengawal bilangan digit selepas titik perpuluhan. Jika aksara bukan angka dimasukkan, rentetan kosong

Keputusan yang dikembalikan ialah: 3,600.00

Klik untuk pratonton kod dalam talian


huruf kecil

huruf kecil menukar rentetan kepada huruf kecil
Boleh digunakan seperti ini: {{ "Hello" |. huruf kecil}}

Klik untuk pratonton kod dalam talian


huruf besar

huruf besar menukar rentetan kepada huruf besar
Boleh digunakan seperti ini: {{ "Hello" | Hasil pulangan ialah: HELLO

Klik untuk pratonton kod dalam talian


json

Penapis json boleh menukar objek JSON atau JavaScript kepada rentetan. Penapis ini agak berguna untuk nyahpepijat
Ia boleh digunakan seperti ini: {{ {"name":"dreampapple","language":"AngularJS"} | Hasil pulangan ialah: { "name": "dreamapple", "language": "AngularJS" }

Klik untuk pratonton kod dalam talian



tarikh

Penapis tarikh menapis tarikh mengikut format yang anda mahukan. Terdapat banyak cara untuk menggunakan penapis ini. Berikut adalah beberapa cara yang biasa digunakan {{ hari ini |. tarikh: "yyyy - mm - hh"}}
Hasilnya ialah: 13-15-2015

Hasilnya ialah: 13-18-2015 20:18::38
[kod dalam talian](2015 - 18 - 13 20:18::38)


Terdapat juga tiga penapis terbina dalam, tetapi ia lebih rumit untuk digunakan. Mari kita bincangkannya bersama dalam artikel seterusnya

Di atas adalah keseluruhan kandungan artikel ini, saya harap anda semua menyukainya.