如何在我的情況下添加一個類到第一個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