Wie filtere ich mit AngularJS-Filtern nach mehreren Werten?

Filtern nach mehreren Werten mit AngularJS-Filtern

In AngularJS können Sie Filter verwenden, um Daten zu verfeinern, beispielsweise um Filme basierend auf mehreren Genres auszuwählen. Wenn Sie eine Objektstruktur mit einer Genres-Eigenschaft haben, möchten Sie möglicherweise nach Filmen filtern, die zu den Genres „Action“ oder „Komödie“ gehören.

Benutzerdefinierter Filteransatz

Erwägen Sie die Erstellung eines benutzerdefinierten Filters Filter, was relativ einfach ist. Definieren Sie Ihren Filter wie folgt:

<code class="javascript">angular.module('myFilters', []).
  filter('bygenre', function() {
    return function(movies, genres) {
      var out = [];
      // Implement your filtering logic here, adding matches to the out variable.
      return out;
    }
  });</code>

Vorlagenverwendung

In Ihre Vorlage können Sie Ihren benutzerdefinierten Filter wie folgt integrieren:

<code class="html"><ul>
    <li ng-repeat="movie in movies | bygenre:genrefilters">{{movie.title}}: {{movie.genre}}</li>
</ul></code>

Dynamische Filtervariable

Um dynamisch basierend auf einem Array von Genres in Ihrem Bereich zu filtern, können Sie die Variable variableX wie folgt festlegen:

<code class="javascript">$scope.variableX = {genres: ['Action', 'Comedy']};</code>

Dadurch können Sie den Filter dynamisch basierend auf den Werten im Array anwenden .

Beispiel

Hier ist eine Beispielgeige, die den Ansatz demonstriert: https://jsfiddle.net/s39pazfg/

Das obige ist der detaillierte Inhalt vonWie filtere ich mit AngularJS-Filtern nach mehreren Werten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!