Wie zeige ich die Länge gefilterter Daten in ng-repeat an?

Anzeige der Länge gefilterter NG-Repeat-Daten

Die Aufrechterhaltung der korrekten Anzahl gefilterter Daten in Ihrer Anwendung kann entscheidend für die Bereitstellung genauer Informationen für Sie sein Benutzer. So lösen Sie das Problem, die Anzahl der gefilterten Daten in ng-repeat zu erhalten:

Verstehen des Problems

Beim Filtern von Daten mit ng-repeat wird die ursprüngliche Länge verwendet Anstelle der Anzahl der gefilterten Elemente wird die Größe des Datenarrays angezeigt. Dies geschieht, weil ng-repeat das ursprüngliche Array bearbeitet, nicht das gefilterte.

Alias-Ausdrücke verwenden (Angular 1.3)

In Angular 1.3 und höher Alias-Ausdrücke eine unkomplizierte Lösung anbieten. Durch die Verwendung eines Alias ​​in der ng-repeat-Anweisung können Sie das gefilterte Array einer neuen Variablen zuweisen:

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

Der Zugriff auf die Länge des gefilterten Arrays ist jetzt möglich:

Showing {{filtered.length}} Persons

Zuweisen zu einer neuen Variablen (Angular vor 1.3)

Für Angular-Versionen vor 1.3 können Sie das gefilterte Array einer neuen Variablen zuweisen:

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

Dies Variable kann verwendet werden, um die Länge des gefilterten Arrays anzuzeigen:

Showing {{filtered.length}} Persons

Das obige ist der detaillierte Inhalt vonWie zeige ich die Länge gefilterter Daten in ng-repeat an?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!