ProgramingTip

Angular JS는 ng-repeat의 첫 번째 요소를 숨 깁니다.

bestdevel 2021. 1. 10. 22:55
반응형

Angular JS는 ng-repeat의 첫 번째 요소를 숨 깁니다.


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"

즉, 기본 보안 0 대신 설계 1에서 시작하고 항목 배열의 나머지 길이 (items.length보다 작지만 제한이 잘 처리 함) 동안 계속됩니다.


마지막으로 건너 뛰어야하는 경우 ng-if = '! $ last '를 사용하십시오.

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

반응형