Wie zähle ich gefilterte Daten in AngularJSs ng-repeat?

Gefilterte ng-repeat-Daten zählen

Bei der Verwendung der ng-repeat-Direktive von AngularJS zum Anzeigen von Daten ist es wichtig zu verstehen, wie man genau zählt die Anzahl der gefilterten Ergebnisse.

Stellen Sie sich das folgende Szenario vor:

var data = [
  {
    "name": "Jim",
    "age": 25
  },
  {
    "name": "Jerry",
    "age": 27
  }
];

Um die durch eine Benutzerabfrage gefilterten Daten anzuzeigen, kann der folgende Code verwendet werden:

<div ng-repeat="person in data | filter: query"></div>

Die Standardanzahl der angezeigten Elemente ({{data.length}}) spiegelt jedoch immer die Gesamtzahl der Elemente im ursprünglichen Array wider, unabhängig vom angewendeten Filter. Um eine genaue Zählung der gefilterten Ergebnisse zu erhalten, gibt es mehrere Optionen:

Angular 1.3

• Verwenden Sie einen Alias-Ausdruck:

<div ng-repeat="person in data | filter: query as filtered"></div>

Angular vor 1.3

• Weisen Sie die gefilterten Ergebnisse einer neuen Variablen zu:

<div ng-repeat="person in filtered = (data | filter: query)"></div>

Die gefilterte Anzahl kann dann angezeigt werden als:

Showing {{filtered.length}} Persons

Das obige ist der detaillierte Inhalt vonWie zähle ich gefilterte Daten in AngularJSs ng-repeat?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!