Lớp thiết lập góc trong Ng-Repeat

Question

Tôi đang tạo danh sách trong một ng-repeat, tôi cần cung cấp cho tất cả các yếu tố li là con thứ n của cha hoặc nhiều hơn, một lớp nhất định (trong số ng-repeat của chúng tôi) một chỉ số lớn hơn giữa). Ví dụ: nếu danh sách là 10 mục tôi cần phải cung cấp cho lớp thứ 5, 6 ... 10 li trẻ em một lớp. Vì vậy, nếu mã của tôi là một cái gì đó này -

[ul] 
    [li ng-repeat="friend in friends"] 
     {{friend.name}} who is {{friend.age}} years old. 
    [/li] 
    [/ul] 

một cách tốt và tốt để gán một lớp học cho trẻ em từ các chỉ số trung bình và trên là gì? Điều kiện của tôi là tôi không nên thay đổi cấu trúc của html. Tôi có thể thêm directives\filters hoặc thêm thứ vào bộ điều khiển.

Answer 1

chỉ cần sử dụng ng-class trên các yếu tố lặp đi lặp lại, ví dụ:

<li 
    ng-repeat="friend in friends" 
    ng-class="{special: $index > friends.length/2 - 1}"> 

    {{friend.name}} 
</li> 

demo: http://jsbin.com/iFigAYi/1/

---

hoặc trích xuất các logic, như:

<ul> 
    <li ng-repeat="friend in friends" ng-class="getClass($index, friends)"> 
    {{friend.name}} 
    </li> 
</ul> 

và

$scope.getClass = function getClass(idx, list) { 
    return { 
    special: idx > list.length/2 - 1 
    }; 
};