반응형
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
반응형
'ProgramingTip' 카테고리의 다른 글
속성에 관련 화되지 않음 (0) | 2021.01.10 |
---|---|
ASP.Net MVC : 뷰에서 메서드 호출 (0) | 2021.01.10 |
부모와 부모의 형제를 선택하는 방법 (0) | 2021.01.10 |
HTML5 데이터 속성에 자바 펼쳐 배열 저장 및 검색 (0) | 2021.01.10 |
Google지도 용 맞춤 정보 창 (0) | 2021.01.10 |