Angular Js : ng-repeat에서 처음과 마지막 요소를 찾고 특별한 클래스를 추가하는 방법은?

Angular Js : ng-repeat에서 처음과 마지막 요소를 찾고 특별한 클래스를 추가하는 방법은?

angular js를 사용해서 다음을 변경했습니다.

<section id="social">
    <h2 class="line">Social Profiles</h2>
    <a href="#" class="first"><i class="icon-facebook"></i></a>
    <a href="#"><i class="icon-twitter"></i></a>
    <a href="#"><i class="icon-linkedin"></i></a>
    <a href="#"><i class="icon-google-plus"></i></a>
    <a href="#" class="last"><i class="icon-rss"></i></a>
    <div class="clear"></div>
</section>

여기에

<section id="social">
    <h2 class="line">Social Profiles</h2>
    <a ng-repeat="sMedia in socialMedia" ng-if="$first" href="#" >
        <i class="{{sMedia.icon}}"></i>
    </a>
    <div class="clear"></div>
</section>

추가할 방법을 찾지 못한 것을 제외하고는 모든 것이 괜찮은 것 같습니다.class="first"첫번째 요소에서 그리고class="last"의 최후에ng-repeat.

$first와 $last를 ng급과 함께 사용하면 됩니다.

<a ng-repeat="sMedia in socialMedia" ng-class="{'first': $first, 'last': $last}" href="#" >

여기에서 작동 방식을 확인하십시오. https://docs.angularjs.org/api/ng/directive/ngRepeat

다음을 사용할 수 있습니다.

#social a:first-child{ /* your first css code */ }
#social a:last-child{ /* your last css code */ }

언급URL : https://stackoverflow.com/questions/24973117/angular-js-how-to-find-first-and-last-element-in-ng-repeat-and-add-special-cla