Eckige Einstellung Klasse In Ng-Wiederholung

Question

Ich erstelle eine Liste in einer ng-repeat, ich muss alle li Elemente geben, die das n-te Kind ihres Vaters oder mehr sind, eine bestimmte Klasse (in unserem ng-repeat bedeutet es alle Kinder, die haben ein Index größer als Mitte). Zum Beispiel, wenn die Liste 10 Elemente ist, muss ich den 5., 6. ... 10. li Kinder eine Klasse geben. Also, wenn mein Code etwas das ist -

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

Was ist eine mögliche und gute Möglichkeit, eine Klasse, um die Kinder aus dem Mitte-Index und oben zuweisen? Meine Bedingungen sind, dass ich die Struktur des HTML nicht ändern sollte. Ich kann directives\filters hinzufügen oder Dinge zu Controllern hinzufügen.

Answer 1

einfach verwenden ng-class auf der wiederholten Element, zB:

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

    {{friend.name}} 
</li> 

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

---

oder die Logik extrahieren, wie:

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

und

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