Heim > Web-Frontend > js-Tutorial > Wie zeige ich die Länge gefilterter Daten in der „ng-repeat'-Direktive von Angular an?

Wie zeige ich die Länge gefilterter Daten in der „ng-repeat'-Direktive von Angular an?

Patricia Arquette
Freigeben: 2024-11-09 20:09:02
Original
620 Leute haben es durchsucht

How to Display the Length of Filtered Data in Angular's `ng-repeat` Directive?

Anzeige der Länge gefilterter ng-repeat-Daten

Da Sie eine ng-repeat-Anweisung haben, die nach Benutzereingaben gefilterte Daten anzeigt, möchten Sie die Anzahl der Personen angezeigt, um die gefilterten Ergebnisse widerzuspiegeln.

In Angular 1.3 , Sie können einen Alias-Ausdruck verwenden, um dies zu erreichen:

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

Der „gefilterte“ Alias ​​stellt das gefilterte Array dar, das Sie dann verwenden können, um die Anzahl anzuzeigen:

Showing {{filtered.length}} Persons
Nach dem Login kopieren
Nach dem Login kopieren

Vor Angular 1.3 können Sie die gefilterten Ergebnisse einer neuen Variablen zuweisen und darauf zugreifen it:

<div ng-repeat="person in filtered = (data | filter: query)">
</div>
Nach dem Login kopieren
Showing {{filtered.length}} Persons
Nach dem Login kopieren
Nach dem Login kopieren

Auf diese Weise enthält die Variable „gefiltert“ die gefilterten Ergebnisse und die Zählung zeigt genau die Anzahl der gefilterten Personen an.

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

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage