Nogle gange kan de indbyggede filtre i Angular ikke opfylde kravene eller kravene til filtrering af output. I et sådant tilfælde kan der oprettes et brugerdefineret filter, som kan sende output på den ønskede måde.
Sådan oprettes brugerdefineret filter
I nedenstående eksempel sender vi en streng til visningen fra controlleren via scope-objektet, men vi ønsker ikke, at strengen skal vises, som den er.
Vi vil sikre, at når vi viser strengen, sender vi et brugerdefineret filter, der tilføjer en anden streng og viser den færdige streng til brugeren.
Event Registration Guru99 Global Event
This tutorial is {{tutorial | Demofilter}}
Kode Forklaring:
- Her sender vi en streng "Angular" i en medlemsvariabel kaldet tutorial og vedhæfter den til scope-objektet.
- Angular leverer filtertjenesten, som kan bruges til at oprette vores brugerdefinerede filter. 'Demofilter' er et navn, der gives til vores filter.
- Dette er den standard måde, hvorpå et brugerdefineret filter defineres, hvor en funktion returneres. Denne funktion er hvad der indeholder den brugerdefinerede kode for at oprette det brugerdefinerede filter. I vores funktion tager vi en streng "Angular", der sendes fra vores synspunkt til filteret og tilføjer strengen "Tutorial" til denne.
- Vi bruger vores Demofilter på vores medlemsvariabel, der blev sendt fra controlleren til visningen.
Hvis koden udføres med succes, vises følgende output, når du kører din kode i browseren.
Produktion:
Fra output,
- Det kan ses, at vores brugerdefinerede filter er blevet anvendt og
- Ordet 'Tutorial' er tilføjet i slutningen af strengen, som blev sendt i medlemsvariabelstudie.
Resumé:
Hvis der er et krav, der ikke er opfyldt af nogen af filtrene defineret i vinkel, kan du oprette dit brugerdefinerede filter og tilføje din brugerdefinerede kode for at bestemme den type output, du ønsker fra filteret. A