반응형
ng-repeat의 첫 번째 항목 건너뛰기
ng-repeat의 첫 번째 항목은 건너뛰고 싶다.
..first item here
<ul class="highlight-topright">
<li ng-repeat="item in hpHeadlines | filter:$index>0">
...
</li>
</ul>
효과가 없어요, 여기 무슨 문제라도 있나요?
ng-if, ng-show를 사용하여 숨길 수 있는 것은 이해하지만 이 경우 1.3.x에서 필터가 작동하지 않는 이유를 알 수 없습니다.
감사해요.
<ul class="highlight-topright">
<li ng-repeat="item in hpHeadlines" ng-if="$index > 0">
...
</li>
</ul>
여기에는 $first 사용:
<ul class="highlight-topright">
<li ng-repeat="item in hpHeadlines" ng-hide="$first">
...
</li>
</ul>
아니면...
<ul class="highlight-topright">
<li ng-repeat="item in hpHeadlines" ng-if="!$first">
...
</li>
</ul>
limitTo 필터를 사용할 수도 있습니다.
음의 인덱스로 begin은 입력 끝으로부터의 오프셋을 나타냅니다.기본값은 0 입니다.
<li ng-repeat="item in hpHeadlines | limitTo: 1 - hpHeadlines.length">
...
</li>
이 질문에 답하기엔 내가 늦은 것 같아.하지만 신입사원을 위해 해결책을 제공하고 있습니다.첫 번째 레코드는 건너뛰고 싶기 때문에 다음과 같이 $index 또는 $first를 사용하여 달성할 수 있습니다.
<li ng-repeat="item in hpHeadlines" ng-if="$index"> OR
<li ng-repeat="item in hpHeadlines" ng-if="!($first)">
보시다시피 둘 다 ng-if가 '0' 값을 건너뛰고 있습니다.
사용할 수 있습니다.ng-show
또는ng-if
필터로 사용하지 않고요.건너뛸 인덱스를 알고 있기 때문에 더 쉽습니다.
형식 지정 등 모든 배열과 관련된 작업이나 필터가 어디에 있는지 모르는 부분을 수행할 때 일반적으로 필터를 사용하십시오.
<ul class="highlight-topright">
<li ng-repeat="item in hpHeadlines" ng-show="$index != 0">
{{item.name}}
</li>
</ul>
대신 다음과 같이 ng-show를 사용할 수 있습니다.
<ul class="highlight-topright">
<li ng-repeat="item in hpHeadlines" ng-show="$index > 0">
...
</li>
</ul>
또는 보이지 않는 dom 요소를 추가하지 않을 경우 ng-if 디렉티브를 사용할 수 있습니다.
언급URL : https://stackoverflow.com/questions/27645279/skip-first-item-in-ng-repeat
반응형
'programing' 카테고리의 다른 글
문자열이 C#의 XML 또는 JSON인지 빠르게 확인하는 방법 (0) | 2023.03.01 |
---|---|
워드프레스 ssl에서 404 오류 발생 (0) | 2023.03.01 |
리액트 리액트 리액트 리액트 리액트 리액트:액티브한 경우 디세블로 하려면 어떻게 해야 하나요? (0) | 2023.03.01 |
ESLint 정의 전 미사용 (0) | 2023.03.01 |
이 javascript Import에서 ~ (tilde)는 무엇을 하고 있습니까? (0) | 2023.03.01 |