$odd 또는 $even 속성으로 필터링-반복할 수 있습니까?

$odd 또는 $even 속성으로 필터링-반복할 수 있습니까?

자동 필터링을 시도하는 중입니다.ng-repeat짝수 인덱스로 나열합니다.어떻게든 이것이 가능할까요?제가 시도하고 있는 것은 이렇지만 효과가 없습니다.

<div data-ng-repeat="thing in things | filter:$even" >
     <div>{{thing.name}}</div>
</div>

이를 달성할 수 있는 적절한 방법이 있습니까?

여기에는 $짝수의 물건 목록이 표시됩니다.

<div ng-repeat="thing in things" ng-if="$even">
    {{thing.name}}
</div>

업데이트됨:

또는 술어 함수를 작성합니다.작동예제
문서:

HTML:

<div data-ng-repeat="thing in things | filter:filterEvenStartFrom(0)">
    <div>{{thing.name}}}</div>
</div>

JS:

$scope.filterEvenStartFrom = function (index) {
    return function (item) {
        return index++ % 2 == 1;
    };
};

---

원본:

이거 어때:

<div data-ng-repeat="thing in things" ng-hide="$even">
     <div>{{thing.name}}}</div>
</div>

의 문서화.ng-repeat우리가 그러한 경우에 사용할 수 있는 특수한 속성에 대해 알려줍니다.다음을 사용할 수 있습니다.

• $even-> 반복자 위치 $index가 짝수이면 true입니다(otherwise false).
• $odd-> 반복자 위치 $index가 홀수이면 true입니다(otherwise false).

---

코드 예제:

<div data-ng-repeat="thing in things" ng-if="$even">
     <div>{{thing.name}}</div>
</div>

아니면

<div data-ng-repeat="thing in things" ng-if="$odd">
     <div>{{thing.name}}</div>
</div>

아니면

<div data-ng-repeat="thing in things" ng-class="{'my-odd-class': $odd}">
     <div>{{thing.name}}</div>
</div>

아니면

<div data-ng-repeat="thing in things" ng-class="{'my-even-class': $even}">
     <div>{{thing.name}}</div>
</div>

@Humberto처럼 하지만 조건부 비교로

<div ng-repeat="i in [0,1]" class="column_{{ i }}">
  <div ng-repeat="thing in things" ng-if="$even == ( i == 0 )">
    {{thing.name}}
  </div>
</div>

언급URL : https://stackoverflow.com/questions/20694823/can-i-filter-ng-repeat-with-the-odd-or-even-properties