: ultimo figlio in ng-repeat non funzionante

Question

Stavo usando la ng-repeat di angular per stampare un div più volte. Ma lo stile sembra avere un po 'di torto con l'ultimo bambino. Devo fornire uno stile specifico per l'ultimo figlio dell'elemento di ng-repeat. Ecco quello che stavo facendo:

.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>

Allora, che cosa sto facendo male qui?

Answer 1

È inoltre possibile utilizzare la variabile speciale $last (o $first) disponibile all'interno del ciclo ng-repeat.

$last ha valore true quando l'elemento corrente è l'ultimo nell'array. $first funziona lo stesso, ma per il primo elemento :)

Quindi è possibile utilizzare all'interno ng-class come questo

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

e quindi definire .last-item css classe

Answer 2

scusate, ho sbagliato la domanda. L'ho capito da solo.

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

Questo è totalmente lavorando fuori.