Ng-repeat imbriqué avec JSON

J'essaye de mettre en place une ng-repeat imbriquée mais je n'arrive pas à comprendre ce qui ne va pas. Rien n'imprime dans la imbriquée ng répétitionNg-repeat imbriqué avec JSON

HTML:

<div ng-repeat="person in persons"> 
<p> {{ person.name }} </p> 
<div ng-repeat="friend in person.mutual_friends"> 
    {{ friend.name }} 
</div> 
</div>

JSON:

$scope.persons = [ 
    { 
     name: 'First Person', 
     mutual_friends: [ 
     { 
      name: 'Mutual Friend 1' 
     }, 
     { 
      name: 'Mutual Friend 2' 
     }, 
     ] 
    }, 
    { 
     name: 'Second Person', 
     mutual_friends: [ 
     { 
      name: 'Mutual Friend 1' 
     }, 
     { 
      name: 'Mutual Friend 2' 
     }, 
     ] 
    }, 
]

Source

2014-09-15 user2954587

Attend bien pour moi .. Vérifiez votre console pour toutes les erreurs qui ont été enregistrées, ou probablement la structure de données n'est pas exactement comment vous pensez que c'est .. Essayez de reproduire ce problème et publiez la démo ici – PSL

Êtes-vous sûr de 'persons' i s vraiment dans la portée et a la valeur que vous avez fourni? – alecxe

merci @PSL. J'utilise un ui bootstrap angulaire et il semble qu'il y ait des problèmes spécifiques avec l'accordéon. – user2954587

JSON est la question.

code suivant jsFiddle fonctionne:

https://jsfiddle.net/sushruthreddygade/hcpb229g/2/

JSON Structure:

[ 
{ 
    "name": "First Person", 
    "mutual_friends": [ 
     { 
      "name": "Mutual Friend 1" 
     }, 
     { 
      "name": "Mutual Friend 2" 
     } 
    ] 
}, 
{ 
    "name": "Second Person", 
    "mutual_friends": [ 
     { 
      "name": "Mutual Friend 3" 
     }, 
     { 
      "name": "Mutual Friend 4" 
     } 
    ] 
}

]

Source

2015-09-30 01:44:42

Ng-repeat imbriqué avec JSON

Répondre

Questions connexes