Numerazione automatica di Angularjs ng-repeat list

Question

Sto creando un elenco di report studenti con Angularjs ng-repeat. Il mio problema se come posso aggiungere dinamicamente la numerazione come lista ordinata alla lista generata in vista. voglio ottenere qualcosa di simile

# | Name of student | Student ID 
_________________________________ 
1 | Samuel Addo  | 346578 
2 | GRace Asumani | 965433 
3 | Zein Akill  | 123455 
4 | David Addoteye | 678543 

La colonna '#' dovrebbe essere auto generano durante il rendering del modello in vista attraverso ng-repeat. Sinceramente non so da dove cominciare perché non so come farlo. Sarò felice se qualcuno può aiutarmi o indicarmi la giusta fonte. Grazie.

Answer 1

All'interno ng-repeat, è possibile utilizzare:

{{$index +1}} 

Così, per esempio:

<tr ng-repeat="student in students"> 
    <td>#{{$index + 1}}</td> 
    <td>{{student.name}}</td> 
</tr> 

$ index è una variabile prevista dalla direttiva ng ripetizione che ti dà l'indice corrente. Qui ho aggiunto 1 a questo in modo che i numeri inizino da 1 anziché 0. ng-repeat documentation

Answer 2

Sì, è possibile utilizzare {{$ indice}} per stampare la posizione dell'indice per numero di serie all'interno di ng-repeat.

Sono disponibili anche altre variabili per il calcolo e il controllo di prima, media, ultima, dispari, anche utilizzando $ prima, $ media, $ ultima, $ dispari e $ pari rispettivamente.

• $ indice: iteratore offset dell'elemento ripetuto (0..length-1)
• $ primo: true se l'elemento ripetuto è il primo nel iteratore.
• $ medio: vero se l'elemento ripetuto è tra il primo e l'ultimo in l'iteratore.
• $ ultimo: vero se l'elemento ripetuto è l'ultimo nell'iteratore .
• $ pari a: true se la posizione iteratore $ index è pari a (altrimenti falso).
• $ dispari: vero se la posizione iteratore $ indice è dispari (altrimenti falso).