Bazen Angular'daki yerleşik filtreler, çıktıları filtrelemek için gereksinimleri veya gereksinimleri karşılayamaz. Böyle bir durumda, çıktıyı gereken şekilde geçirebilen özel bir filtre oluşturulabilir.
Özel Filtre Nasıl Oluşturulur
Aşağıdaki örnekte, denetleyiciden görünüme kapsam nesnesi aracılığıyla bir dize ileteceğiz, ancak dizenin olduğu gibi görüntülenmesini istemiyoruz.
Dizeyi her görüntülediğimizde, başka bir dizeyi ekleyecek ve tamamlanan dizeyi kullanıcıya görüntüleyecek özel bir filtre geçirdiğimizden emin olmak istiyoruz.
Event Registration Guru99 Global Event
This tutorial is {{tutorial | Demofilter}}
Kod Açıklaması:
- Burada tutorial adlı bir üye değişkeninde "Angular" dizesini geçirip bunu kapsam nesnesine iliştiriyoruz.
- Angular, özel filtremizi oluşturmak için kullanılabilecek filtre hizmetini sağlar. 'Demofilter', filtremize verilen bir isimdir.
- Bu, bir işlevin döndürüldüğü özel bir filtrenin tanımlanmasının standart yoludur. Bu işlev, özel filtreyi oluşturmak için özel kodu içeren şeydir. Fonksiyonumuzda, bizim görüşümüzden filtreye aktarılan bir "Açısal" dizesi alıyoruz ve buna "Öğretici" dizesini ekliyoruz.
- Denetleyiciden görünüme aktarılan üye değişkenimizde Demofilterimizi kullanıyoruz.
Kod başarıyla yürütülürse, kodunuzu tarayıcıda çalıştırdığınızda aşağıdaki Çıktı gösterilecektir.
Çıktı:
Çıktıdan
- Özel filtremizin uygulandığı ve
- Üye değişken eğiticisinde geçen dizinin sonuna 'Öğretici' kelimesi eklenmiştir.
Özet:
Açısal olarak tanımlanan filtrelerden herhangi biri tarafından karşılanmayan bir gereksinim varsa, özel filtrenizi oluşturabilir ve filtreden istediğiniz çıktı türünü belirlemek için özel kodunuzu ekleyebilirsiniz. A