programing

ng-repeat의 첫 번째 항목 건너뛰기

javamemo 2023. 3. 1. 08:46
반응형

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>

JS 바이올린

대신 다음과 같이 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

반응형