2015-03-17 16 views
10

Tôi đang tạo danh sách báo cáo sinh viên với Angularjs ng-repeat. Vấn đề của tôi nếu tôi có thể tự động thêm số như danh sách thứ tự vào danh sách được tạo trong chế độ xem. tôi muốn đạt được một cái gì đó như thế nàyTự động đánh số danh sách Angularjs ng-repeat

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

Cột '#' nên được tự động tạo ra khi vẽ mô hình theo quan điểm thông qua ng-repeat. Thành thật mà nói tôi không biết bắt đầu từ đâu, tôi không biết phải làm thế nào. Tôi sẽ vui mừng nếu có ai có thể giúp tôi hoặc chỉ cho tôi nguồn đúng. Cảm ơn bạn.

+0

Điều gì sẽ xảy ra nếu bạn nhấp vào tiêu đề '#' và có phân loại ngược lại không? Hoặc là hành vi mong muốn mà cột '#' luôn tăng lên – pixelbits

+0

nó chỉ dành cho mục đích đánh số, không có ý định sắp xếp theo nó. cảm ơn bạn –

Trả lời

53

Bên ng-repeat, bạn có thể sử dụng:

{{$index +1}} 

Vì vậy, ví dụ:

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

$ index là một biến được cung cấp bởi các chỉ thị ng-repeat mang đến cho bạn những chỉ số hiện tại. Ở đây tôi đã thêm 1 vào số đó để các số bắt đầu từ 1 thay vì 0. ng-repeat documentation

+1

Câu trả lời này là đủ cho giải pháp. Thật tốt (mặc dù hiển nhiên), để cho người dùng biết rằng '{{$ index}}' đếm các chỉ số vòng lặp giống như bất kỳ vòng lặp nào trong Javascript. Chúng ta cũng có thể làm số học. – Bikas

+0

Waow, nhanh quá, cảm ơn người đàn ông. Xin vui lòng bạn cũng có thể giúp tôi làm thế nào để tính toán lại chiều dài mô hình khi nó được lọc. ví dụ nếu tôi có 10 bản ghi và tôi lọc nó theo tên thành 4, làm cách nào tôi có thể cập nhật độ dài của mô hình thành 4? Cảm ơn bạn một lần nữa –

+1

Xin lỗi, đã viết câu trả lời trên điện thoại của tôi, tôi sẽ chỉnh sửa nó ngay bây giờ cho một ví dụ hoàn chỉnh hơn. Ngoài ra, tốt để nghe điều đó đã giúp. Còn về vấn đề khác, tôi không chắc lắm. Tôi sẽ nghĩ về nó. – juunas

4

Có thể sử dụng {{$ index}} để in vị trí chỉ mục cho nối tiếp không có bên trong ng-repeat.

Các biến khác cũng có sẵn để tính và kiểm tra đầu tiên, giữa, cuối, lẻ, thậm chí sử dụng $ đầu tiên, $ giữa, $ cuối, $ lẻ và $ ngay cả tương ứng.

  • $ index: iterator bù đắp của phần tử lặp đi lặp lại (0..length-1)
  • $ đầu tiên: true nếu các yếu tố lặp đi lặp lại là lần đầu tiên trong iterator.
  • $ giữa: true nếu phần tử được lặp lại nằm giữa số đầu tiên và cuối cùng trong số trình lặp.
  • $ last: true nếu phần tử lặp lại nằm trong trình lặp lặp lại .
  • $ thậm chí: true nếu vị trí của trình lặp $ chỉ số là (nếu không thì sai).
  • $ lẻ: true nếu vị trí trình lặp $ chỉ số lẻ (nếu không thì sai).
Các vấn đề liên quan