Benutzerdefinierter AngularJS-Filter mit Beispiel

Dieses Tutorial ist { Demofilter} var app = angle.module('DemoApp',[]); app.filter('Demofilter',function(){ return function(input) { return input + 'tutorial'} }); app.controller('DemoController',function($scope){ $scope.tutorial ='Angular'; });

Code-Erklärung:



So löschen Sie ein Flash-Laufwerk
  1. Hier übergeben wir einen String 'Angular' in einer Member-Variablen namens tutorial und fügen ihn an das Scope-Objekt an.
  2. Angular bietet den Filterservice, mit dem wir unseren benutzerdefinierten Filter erstellen können. Der 'Demofilter' ist ein Name für unseren Filter.
  3. 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 einen String 'Angular', der aus unserer Sicht an den Filter übergeben wird und hängen diesen den String 'Tutorial' an.
  4. Wir verwenden unseren Demofilter für unsere Member-Variable, 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 zu sehen, dass unser benutzerdefinierter Filter angewendet wurde und
  • Das Wort 'Tutorial' wurde am Ende des Strings angehängt, der in der Membervariablen Tutorial übergeben wurde.

Zusammenfassung:

bester E-Mail-Client für Mac 2016

Wenn eine Anforderung von keinem der in angle definierten Filter erfüllt wird, können Sie Ihren benutzerdefinierten Filter erstellen und Ihren benutzerdefinierten Code hinzufügen, um den gewünschten Ausgabetyp des Filters zu bestimmen