AngularJS - ng-repeat n'est pas de travail à l'intérieur de propriétés
-
13-12-2019 - |
Question
Voici un objet que je voudrais utiliser avec ng-repeat, mais ce n'est pas en mesure de voir l'intérieur firstlang
propriété:
$scope.school{
name : "stackoverflow",
sub :{
firstlang : "kannada"
}
}
Voici mon ng-repeat:
<ul>
<li ng-repeat="index in school.sub">
first language is = {{index.firstlang}}
</li>
</ul>
Le résultat souhaité est: first language is = kannada
La solution
En regardant votre exemple, il n'est pas très clair comment l'école.sous la structure de données devrait ressembler à la fin...Est-il censé être un objet (comme dans l'exemple de structure de données) ou un tableau (comme vous ngRepeat semble le suggérer).
À condition que l'école.sous est un objet ce serait le travail: http://jsfiddle.net/pkozlowski_opensource/WXsFD/1/
<li ng-repeat="(key, value) in school.sub">first language is = {{value}}</li>
D'autre part, si vous prévoyez de vos sous-structure d'un tableau, la bonne approche serait:http://jsfiddle.net/pkozlowski_opensource/WXsFD/2/
<li ng-repeat="index in school.sub">first language is = {{index.firstlang}}</li>
Espérons que ces jsFiddles préciser comment aborder les deux situations.