Question

我使用angular的ng-repeat多次打印div。但是造型似乎与最后一个孩子有点不对劲。我需要为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>

那么，我在这里做错了什么？

Answer 1

您还可以使用$last循环中可用的特殊变量$first（或ng-repeat）。

当前元素是数组中的最后一个元素时，

$last的值为true。 $first的工作原理与第一个元素相同：）

然后你就可以在ng-class内使用它了

<ul>
 <li ng-repeat="item in list" ng-class="{'last-item': $last}">
</ul>

然后定义.last-item css类

Answer 2

抱歉，我的问题出错了。我自己想通了。

＆＃13;

.medium-4.column.no-pad-left.link-tickets.ng-scope {
  float: left;
}

＆＃13;

这完全没问题。

：ng-repeat中的最后一个孩子不起作用

2 个答案: