Noen ganger kan ikke de innebygde filtrene i Angular oppfylle behovene eller kravene til filtreringsutgang. I et slikt tilfelle kan det opprettes et tilpasset filter som kan sende utdataene på ønsket måte.
Hvordan lage egendefinert filter
I eksemplet nedenfor skal vi sende en streng til visningen fra kontrolleren via scope-objektet, men vi vil ikke at strengen skal vises som den er.
Vi vil sikre at når vi viser strengen, sender vi et tilpasset filter som vil legge til en annen streng og viser den fullførte strengen til brukeren.
Event Registration Guru99 Global Event
This tutorial is Angular Tutorial
Kode Forklaring:
- Her sender vi en streng "Angular" i en medlemsvariabel kalt tutorial og fester den til scope-objektet.
- Angular tilbyr filtertjenesten som kan brukes til å lage vårt tilpassede filter. Demofilteret er et navn som er gitt til filteret vårt.
- Dette er standard måten et tilpasset filter defineres der en funksjon returneres. Denne funksjonen er det som inneholder den tilpassede koden for å lage det tilpassede filteret. I vår funksjon tar vi en streng "Angular" som sendes fra vårt syn til filteret og legger strengen "Tutorial" til dette.
- Vi bruker Demofilter på medlemsvariabelen som ble sendt fra kontrolleren til visningen.
Hvis koden er utført vellykket, vil følgende utdata vises når du kjører koden din i nettleseren.
Produksjon:
Fra utgangen,
- Det kan sees at vårt tilpassede filter er brukt og
- Ordet "Tutorial" er lagt til på slutten av strengen, som ble gitt i medlemsvariabelopplæringen.
Sammendrag:
Hvis det er et krav som ikke blir oppfylt av noen av filtrene som er definert i vinkel, kan du opprette et tilpasset filter og legge til den egendefinerte koden for å bestemme hvilken type utgang du vil ha fra filteret.