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 중국어 웹사이트의 기타 관련 기사를 참조하세요!