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

Patricia Arquette
풀어 주다: 2024-11-08 04:09:02
원래의
854명이 탐색했습니다.

How to Display the Length of Filtered Data in ng-repeat?

필터링된 ng-반복 데이터의 길이 표시

애플리케이션에서 필터링된 데이터 수를 올바르게 유지하는 것은 사용자에게 정확한 정보를 제공하는 데 매우 중요할 수 있습니다. 사용자. ng-repeat에서 필터링된 데이터 개수를 얻는 문제를 해결하는 방법은 다음과 같습니다.

문제 이해

ng-repeat를 사용하여 데이터를 필터링할 때 원래 길이 필터링된 항목 개수 대신 데이터 배열의 개수가 표시됩니다. 이는 ng-repeat가 필터링된 배열이 아닌 원래 배열에서 작동하기 때문에 발생합니다.

별칭 표현식 사용(Angular 1.3 )

Angular 1.3 이상에서는 별칭 표현식이 사용됩니다. 직접적인 솔루션을 제공합니다. ng-repeat 지시문에 별칭을 사용하면 필터링된 배열을 새 변수에 할당할 수 있습니다.

<div ng-repeat="person in data | filter:query as filtered">
</div>
로그인 후 복사

이제 필터링된 배열의 길이에 액세스할 수 있습니다.

Showing {{filtered.length}} Persons
로그인 후 복사
로그인 후 복사

새 변수에 할당(Angular 1.3 이전)

Angular 1.3 이전 버전의 경우 필터링된 배열을 새 변수에 할당할 수 있습니다.

<div ng-repeat="person in filtered = (data | filter: query)">
</div>
로그인 후 복사

이것은 변수를 사용하여 필터링된 배열의 길이를 표시할 수 있습니다:

Showing {{filtered.length}} Persons
로그인 후 복사
로그인 후 복사

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

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿