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

ng-repeat로 필터링된 데이터 길이 표시

Angular 애플리케이션에서는 데이터가 반복되는 ng-repeat 지시문을 사용하여 표시되는 경우가 많습니다. 배열이나 컬렉션에 대해. 그러나 사용자 입력을 기반으로 데이터를 필터링하는 경우 표시되는 항목 수를 업데이트해야 합니다.

필터와 함께 ng-repeat를 사용하는 경우 data.length 속성은 계속해서 전체 데이터세트를 나타냅니다. 적용된 필터와 관계없이. 필터링된 항목 수를 얻으려면 대체 접근 방식이 필요합니다.

Angular 1.3의 경우

Angular 1.3에서는 필터링된 데이터 세트에 별칭을 할당할 수 있는 별칭 표현식을 도입했습니다. 이 별칭을 사용하면 아래와 같이 필터링된 데이터의 길이에 액세스할 수 있습니다.

<div ng-repeat="person in data | filter:query as filtered">
</div>
<div>Showing {{filtered.length}} Persons</div>

Angular 1.3 이전 버전의 경우

이전 버전의 Angular에서는 해결 방법 필터링된 데이터를 새 변수에 할당한 다음 해당 변수를 표시에 사용하는 것입니다.

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

이러한 기술을 구현하면 Angular 애플리케이션에서 필터링된 항목 수를 동적으로 표시하여 사용자가 눈에 보이는 데이터에 대한 정확한 정보를 제공합니다.

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