Mõnikord ei suuda Angulari sisseehitatud filtrid rahuldada väljundi filtreerimise vajadusi ega nõudeid. Sellisel juhul saab luua kohandatud filtri, mis suudab väljundi vajalikul viisil edastada.
Kohandatud filtri loomine
Allpool toodud näites edastame stringi kontrolleri vaatele suleobjekti kaudu, kuid me ei soovi, et string kuvatakse sellisena, nagu see on.
Tahame tagada, et alati, kui stringi kuvame, edastame kohandatud filtri, mis lisab kasutajale veel ühe stringi ja kuvab valmis stringi.
Event Registration Guru99 Global Event
This tutorial is {{tutorial | Demofilter}}
Koodi selgitus:
- Siin edastame stringi "Nurga" liikumismuutujaks, mida nimetatakse juhendajaks, ja kinnitame selle ulatusobjekti juurde.
- Nurk pakub filtriteenust, mida saab kasutada meie kohandatud filtri loomiseks. 'Demofilter' on meie filtrile antud nimi.
- See on standardne viis, kuidas defineeritakse kohandatud filter, kus funktsioon tagastatakse. See funktsioon sisaldab kohandatud filtri loomiseks kohandatud koodi. Oma funktsioonis võtame stringi "Nurga", mis edastatakse meie vaatest filtrile, ja lisame sellele stringi "Õpetus".
- Kasutame oma liikumismuutujale oma Demofiltrit, mis edastati kontrollerilt vaatele.
Kui kood on edukalt käivitatud, kuvatakse brauseris koodi käivitamisel järgmine väljund.
Väljund:
Väljundi põhjal
- On näha, et meie kohandatud filter on rakendatud ja
- Stringi lõppu on lisatud sõna 'õpetus', mis edastati liikme muutuja õpetuses.
Kokkuvõte:
Kui on nõue, mida ükski nurga all määratletud filter ei täida, saate luua kohandatud filtri ja lisada kohandatud koodi, et määrata filtrist soovitud väljundi tüüp.