我使用 Angular 的 ng-repeat 多次打印一个 div。但是最后一个 child 的造型似乎有点不对劲。我需要为 ng-repeat 元素的最后一个子元素提供特定的样式。这是我正在做的:
.link-tickets div:last-child{
float:left;
}
<div class="medium-4 column no-pad-left link-tickets" ng-repeat="ticket_data in acct_details.tickets">
<p><a href="#details/{{acct_details.client_id}}/ticket/{{ticket_data.ticket_id}}"><strong class="bold-color">{{acct_details.client_name}}</strong></a>
<br>{{available_stages[ticket_data.stage_id].stage_name}}
<br>{{ticket_data.created_at | format | date}}</p>
</div>
那么,我做错了什么?
最佳答案
您还可以使用 ng-repeat
循环中可用的特殊变量 $last
(或 $first
)。
$last
的值为 true。 $first
的工作方式相同,但对于第一个元素:)
然后你可以像这样在 ng-class
中使用它
<ul>
<li ng-repeat="item in list" ng-class="{'last-item': $last}">
</ul>
然后定义.last-item
css类
关于html - :last-child in ng-repeat not working,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31067647/