Manchmal können die in Angular integrierten Filter die Anforderungen oder Anforderungen zum Filtern der Ausgabe nicht erfüllen. In einem solchen Fall kann ein benutzerdefinierter Filter erstellt werden, der die Ausgabe in der erforderlichen Weise weiterleiten kann.
So erstellen Sie einen benutzerdefinierten Filter
Im folgenden Beispiel übergeben wir eine Zeichenfolge vom Controller über das Bereichsobjekt an die Ansicht, möchten jedoch nicht, dass die Zeichenfolge so angezeigt wird, wie sie ist.
Wir möchten sicherstellen, dass wir bei jeder Anzeige der Zeichenfolge einen benutzerdefinierten Filter übergeben, der eine weitere Zeichenfolge anfügt und dem Benutzer die fertige Zeichenfolge anzeigt.
Event Registration Guru99 Global Event
This tutorial is {{tutorial | Demofilter}}
Code Erläuterung:
- Hier übergeben wir eine Zeichenfolge "Angular" in einer Mitgliedsvariablen namens "Tutorial" und hängen sie an das Bereichsobjekt an.
- Angular bietet den Filterservice, mit dem unser benutzerdefinierter Filter erstellt werden kann. Der 'Demofilter' ist ein Name, der unserem Filter gegeben wird.
- Dies ist die Standardmethode, mit der ein benutzerdefinierter Filter definiert wird, bei dem eine Funktion zurückgegeben wird. Diese Funktion enthält den benutzerdefinierten Code zum Erstellen des benutzerdefinierten Filters. In unserer Funktion nehmen wir eine Zeichenfolge "Angular", die aus unserer Sicht an den Filter übergeben wird, und hängen die Zeichenfolge "Tutorial" an diese an.
- Wir verwenden unseren Demofilter für unsere Mitgliedsvariable, die vom Controller an die Ansicht übergeben wurde.
Wenn der Code erfolgreich ausgeführt wurde, wird die folgende Ausgabe angezeigt, wenn Sie Ihren Code im Browser ausführen.
Ausgabe:
Aus der Ausgabe,
- Es ist ersichtlich, dass unser benutzerdefinierter Filter angewendet wurde und
- Das Wort 'Tutorial' wurde am Ende der Zeichenfolge angehängt, die im Tutorial für Mitgliedsvariablen übergeben wurde.
Zusammenfassung:
Wenn eine Anforderung von keinem der in eckig definierten Filter erfüllt wird, können Sie Ihren benutzerdefinierten Filter erstellen und Ihren benutzerdefinierten Code hinzufügen, um den gewünschten Ausgabetyp für den Filter zu bestimmen. A.