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

필터링된 ng-repeat 데이터 계산

AngularJS의 ng-repeat 지시문을 활용하여 데이터를 표시할 때는 정확하게 계산하는 방법을 이해하는 것이 중요합니다. 필터링된 결과 수.

다음을 고려하세요. 시나리오:

var data = [
  {
    "name": "Jim",
    "age": 25
  },
  {
    "name": "Jerry",
    "age": 27
  }
];

사용자 쿼리로 필터링된 데이터를 표시하려면 다음 코드를 사용할 수 있습니다.

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

단, 표시되는 요소의 기본 개수({{data. length}})는 적용된 필터에 관계없이 항상 원래 배열의 총 항목 수를 반영합니다. 필터링된 결과의 정확한 개수를 얻으려면 다음과 같은 몇 가지 옵션이 있습니다.

Angular 1.3

• 별칭 표현식 사용:

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

Angular 이전 1.3

• 필터링된 결과를 새 변수에 할당:

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

필터링된 개수는 다음과 같이 표시될 수 있습니다.

Showing {{filtered.length}} Persons

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