如何在我的情况下添加一个类到第一个html元素？

Question

我正在为我的应用程序使用角度框架。

我想添加一个类只有我的ng重复的第一个元素。

<div class='onlyFirst' ng-repeat = 'task in tasks'>{{task.chore}}</div> 

然而，上面的代码将适用于我所有的div和我只需要具有onlyFirst类第一个div。无论如何去做？

非常感谢！

Answer 1

尝试是这样的：

ng-class="{onlyFirst : $first}" 

所以，你的代码看起来是这样的：

<div ng-repeat = 'task in tasks'> 
    <div ng-class="{onlyFirst : $first}">{{task.chore}}</div> 
</div> 

参考： http://docs.angularjs.org/api/ng/directive/ngRepeat

Answer 2

可以使用纳克级，并与$第一在ng-repeat中可用的变量。

<div 
    ng-repeat = 'task in tasks' 
    ng-class="{onlyFirst:'$first'}" 
    >{{task.chore}}</div> 

相关文档：

• http://docs.angularjs.org/api/ng/directive/ngRepeat
• http://docs.angularjs.org/api/ng/directive/ngClass

Answer 3

如果您想将特定CSS仅适用于第一个孩子，你也可以利用CSS的第一个孩子选择：

http://www.w3schools.com/cssref/sel_firstchild.asp