Angular ng-repeat에서 필터링된 데이터 수를 표시하는 방법은 무엇입니까?

Angular에서 필터링된 데이터 수 표시 ng-repeat

ng-repeat를 사용하여 필터링된 데이터를 Angular에서 표시하는 경우 다음이 어려울 수 있습니다. 필터링된 항목 수를 정확하게 표시합니다. 처음에는 여러 개체가 포함된 데이터 배열이 있고 사용자 입력 쿼리를 기반으로 데이터를 필터링합니다. 그러나 표시되는 사람 수는 필터에 관계없이 동일하게 유지됩니다.

이 문제를 해결하고 필터링된 데이터 수를 표시하기 위해 Angular는 두 가지 접근 방식을 제공합니다.

방법 1 (Angular 1.3 ): 별칭 표현식

Angular 버전 1.3 이상의 경우 별칭 표현식을 사용하여 필터링된 데이터를 참조하는 새 변수를 생성할 수 있습니다. 이 별칭 표현식을 사용하면 필터링된 항목의 길이에 직접 액세스할 수 있습니다.

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

방법 2(Angular Pre-1.3): 변수 할당

이전 버전 Angular에서는 필터링된 ng-repeat의 결과를 다음과 같이 새 변수에 할당할 수 있습니다.

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

그런 다음 필터링된 항목 수를 표시할 수 있습니다.

Showing {{filtered.length}} Persons

두 방법 중 하나를 사용하면 사용자가 데이터를 필터링할 때 표시되는 사람 수를 동적으로 업데이트하여 필터링된 결과를 보다 정확하게 표현할 수 있습니다.

위 내용은 Angular ng-repeat에서 필터링된 데이터 수를 표시하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!