AngularJS - ng-repeat funktioniert nicht für innere Eigenschaften

Question

Hier ist ein Objekt, das ich gerne mit ng-repeat verwenden würde, aber es kann das Innere nicht sehen firstlang Eigenschaft:

$scope.school{
  name  : "stackoverflow",
  sub   :{
    firstlang : "kannada"
  }
}

Hier ist meine ng-Wiederholung:

<ul>
    <li ng-repeat="index in school.sub">
        first language is = {{index.firstlang}}
   </li>
</ul>

Das gewünschte Ergebnis ist: first language is = kannada

Answer 1

Wenn man sich Ihr Beispiel ansieht, ist nicht ganz klar, wie die Schule funktioniert.die Unterdatenstruktur sollte am Ende so aussehen...Soll es ein Objekt (wie in der Beispieldatenstruktur) oder ein Array sein (wie Sie ngRepeat vermuten lassen).

Vorausgesetzt, dass die Schule.sub ist ein Objekt, das funktionieren würde: http://jsfiddle.net/pkozlowski_opensource/WXsFD/1/

<li ng-repeat="(key, value) in school.sub">first language is = {{value}}</li>

Auf der anderen Seite, wenn Sie Ihre Unterstruktur als Array planen, wäre der richtige Ansatz:http://jsfiddle.net/pkozlowski_opensource/WXsFD/2/

<li ng-repeat="index in school.sub">first language is = {{index.firstlang}}</li>

Hoffe, dass die obigen jsFiddles klären, wie man beide Situationen angeht.