각도 JS ng-반복의 첫 번째 요소 숨기기

각도 JS ng-반복의 첫 번째 요소 숨기기

ng-repeat의 첫 번째 요소를 어떻게 숨길 수 있을까요?

<div ng-repeat="item in items" ng-hide="true">
    <div>{{ item.value }}</div>
</div>

이것은 ng-repeat 블록 전체가 숨겨지는 것으로 동작합니다만, 어떻게 아이템의 첫 번째 항목만 숨길 수 있을까요?좀 더 눈에 띄는 html/etc를 사용하여 완전히 다르게 표시하고 싶기 때문에 그 데이터 리스트에 넣어 두면 편리합니다.

당신은 이걸 할 수 있다.

<div ng-repeat="item in items" ng-show="!$first">
    <div>{{ item.value }}</div>
</div>

다음 문서는 http://docs.angularjs.org/api/ng.directive:ngRepeat 입니다.

숨길 필요 없이 필터를 사용하여 목록에서 첫 번째 항목을 제외합니다.

<div ng-repeat="item in items|filter:$index>0">
    <div>{{ item.value }}</div>
</div>

최근 버전의 Angular에는 더 간단한 솔루션이 있습니다.

"limitTo" 필터는 "begin" 인수(docs)를 지원합니다.

{{ limitTo_expression | limitTo : limit : begin}}

따라서 ng-repeat에서는 다음과 같이 사용할 수 있습니다.

ng-repeat="item in items | limitTo: items.length : 1"

즉, ng-repeat은 인덱스 1에서 시작되며(기본 인덱스 0이 아닌) 항목 배열의 나머지 길이(items.length보다 작지만 제한) 동안 계속됩니다.그것을 잘 처리할 수 있도록.

마지막으로 건너뛰어야 할 경우 ng-if='를 사용하세요!$last' 입니다.

언급URL : https://stackoverflow.com/questions/15737553/angular-js-hide-first-element-of-ng-repeat