Kadang kala penapis terbina dalam Angular tidak dapat memenuhi keperluan atau keperluan untuk menyaring output. Dalam kes seperti itu, filter khusus dapat dibuat yang dapat mengirimkan output dengan cara yang diperlukan.
Cara Membuat Penapis Tersuai
Dalam contoh di bawah ini kita akan meneruskan rentetan ke tampilan dari pengawal melalui objek ruang lingkup, tetapi kita tidak mahu rentetan ditampilkan sebagaimana adanya.
Kami ingin memastikan bahawa setiap kali kami memaparkan rentetan, kami meneruskan penapis khusus yang akan menambahkan rentetan lain dan menunjukkan rentetan yang lengkap kepada pengguna.
Event Registration Guru99 Global Event
This tutorial is {{tutorial | Demofilter}}
Penjelasan Kod:
- Di sini kita melewati rentetan "Angular" dalam variabel anggota yang disebut tutorial dan melampirkannya ke objek lingkup.
- Angular menyediakan perkhidmatan penapis yang dapat digunakan untuk membuat penapis khas kami. 'Demofilter' adalah nama yang diberikan kepada penapis kami.
- Ini adalah cara standard di mana penapis khusus ditentukan di mana fungsi dikembalikan. Fungsi ini adalah apa yang mengandungi kod khusus untuk membuat penapis tersuai. Dalam fungsi kami, kami mengambil string "Angular" yang diteruskan dari pandangan kami ke filter dan menambahkan string "Tutorial" ke ini.
- Kami menggunakan Demofilter pada pemboleh ubah anggota kami yang diteruskan dari pengawal ke paparan.
Sekiranya kod berjaya dilaksanakan, Keluaran berikut akan ditunjukkan semasa anda menjalankan kod anda di penyemak imbas.
Pengeluaran:
Dari output,
- Dapat dilihat bahawa penapis khas kami telah digunakan dan
- Kata 'Tutorial' telah ditambahkan pada akhir rentetan, yang diteruskan dalam tutorial pemboleh ubah anggota.
Ringkasan:
Sekiranya terdapat syarat yang tidak dipenuhi oleh salah satu penapis yang ditentukan dalam sudut, maka anda boleh membuat penapis tersuai dan menambahkan kod tersuai anda untuk menentukan jenis output yang anda inginkan dari penapis.