我使用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-class结合使用:
<a ng-repeat="sMedia in socialMedia" ng-class="{'first': $first, 'last': $last}" href="#" >
在这里查看它们的工作方式:https : //docs.angularjs.org/api/ng/directive/ngRepeat
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句