Um den index (Zähler) von einem "ng-repeat" Artikel mit AngularJS?

Ich bin mit AngularJS und seine ng-repeat Richtlinie zum anzeigen einer Sequenz von Fragen. Ich brauche die Nummer jeder Frage beginnend mit 1. Wie kann ich die Anzeige und die Schrittweite so ein Zähler mit ng-repeat? Hier ist was ich habe, so weit:

<ul>
    <li ng-repeat="question in questions | filter: {questionTypesId: questionType, selected: true}">
        <div>
            <span class="name">
                {{ question.questionText }}
            </span>
        </div>
        <ul>
            <li ng-repeat="answer in question.answers">
                <span class="name">
                    {{answer.selector}}. {{ answer.answerText }}
                </span>
            </li>
        </ul>
    </li>
</ul>
InformationsquelleAutor lascoff | 2014-03-11
  1. 49

    Angularjs-Dokumentation ist voll von Beispielen, die Sie gerade brauchen, um einige Zeit dauern, und erkunden Sie es.

    Siehe dieses Beispiel hier : ngRepeat Beispiel , es ist der gleiche Fall.

    HTML:

    <ul>
    <li ng-repeat="question in questions | filter: {questionTypesId: questionType, selected: true}">
        <div>
            <span class="name">
                {{$index + 1}} {{ question.questionText }}
            </span>
        </div>
        <ul>
            <li ng-repeat="answer in question.answers">
                <span class="name">
                    {{answer.selector}}. {{ answer.answerText }}
                </span>
            </li>
        </ul>
    </li>
</ul>

    • also, was ist die Antwort? 😀
    • Da dies die akzeptierte Antwort, ich habe gerade einen Kommentar hier: Mit ngIf gleichzeitig wird noch die Schrittweite $index können, was nicht funktioniert in deinem Beispiel. Möchte ich so etwas wie ng-class="{ 'even': $index % 2 == 0 }" Versuchen zu finden eine Lösung HIERFÜR, ohne zu berühren den controller, wenn jemand weiß, wie Sie lieben würde, es zu hören.
    • tut mir Leid, ich kann nicht herausfinden, das problem, das Sie versuchen zu erklären, können Sie eine Geige ?
    InformationsquelleAutor أنيس بوهاشم
  2. 37

    Hier erreicht durch die Suche nach etwas ähnliches.

    Hier ist was für mich gearbeitet.

    {{$index + 1}}

    +1 wird Hinzugefügt, weil der index beginnt bei 0.

    InformationsquelleAutor Yasser
  3. 4

    Gibt es zwei Möglichkeiten, um einen index für die angegebene Reihe in der ng-repeat

    Mit $index

    <th ng-repeat="n in [].constructor(3 + 1) track by $index">{{$index}}</th>

    Mit einem Zähler

    Diese Methode ist nützlich, wenn Sie verschachtelte ng-repeat und Sie müssen Leistungsindikatoren für beide Schleifen...dem folgenden Beispiel wird ein Zähler Zeile. Obwohl track by $index erforderlich ist, wird es nicht verwendet, für die Logik.

    <tr ng-repeat="(row, y) in getNumber(h.seats.length, 3) track by $index">
                    <td>{{row+1}}</td>

    In beiden Fällen der Zähler startet mit 0 und versetzen Sie mit Hilfe von +1, wenn Sie wie

    • Vielen Dank für die Lösung. Wenn wir wollen, zu zählen, wie 5 -> 4 -> 3 usw. Wie erreichen wir diese? Dank
    InformationsquelleAutor Sacky San
Schreibe einen Kommentar