angularjs – Angular Js:如何在ng-repeat中找到第一个和最后一个元素,并向他们添加特殊类?

前端之家收集整理的这篇文章主要介绍了angularjs – Angular Js:如何在ng-repeat中找到第一个和最后一个元素,并向他们添加特殊类?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我改变了以下使用角度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>

一切似乎都很好,除非我找不到一种方法,在ng-repeat的最后一个元素中的第一个元素和class =“last”中添加class =“first”。

只需使用$ first和$ last结合ng-class:
<a ng-repeat="sMedia in socialMedia" ng-class="{'first': $first,'last': $last}" href="#" >

看到他们如何工作:https://docs.angularjs.org/api/ng/directive/ngRepeat

原文链接:https://www.f2er.com/angularjs/144608.html

猜你在找的Angularjs相关文章