2015-06-26 96 views
6

我正在使用angular的ng-repeat多次打印div。但是造型似乎與最後一個孩子有點不對勁。我需要爲ng-repeat元素的最後一個子元素提供特定的樣式。下面是我在做什麼::ng-repeat中的最後一個孩子無法正常工作

.link-tickets div:last-child{ 
 
\t 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>

那麼,我究竟做錯了什麼?

+1

我的事:last-child { \t float:left; } –

+0

謝謝。有效。 –

回答

12

您還可以使用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類

0

對不起,我錯了。我自己想清楚了。

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

這完全是工作了。

相關問題