Array JSON défini dans la portée: html: sortie: Ce que je veux que la sortie ressemble à: Comment il semble que cela devrait fonctionner: ... Mais ce n'est pas le cas.
5 Réponses :
Changez votre matrice JSON dans la portée comme; et à votre vue;
Parfait, cela fonctionne. J'aime l'alternative:
$scope.faq = [
"Answer1",
"Answer2"
];
<div ng-repeat="answer in faq">
Question {{$index+1}}-{{answer}}
</div>
Cela diminue lorsque la question est une valeur dynamique, qu'elle est dans l'exemple non trivial, exemple.
En raison d'être dans un tableau, vous devrez faire boucler les valeurs de clé de chaque objet.
http://fiddle.jshell.net/thesharsharpieone/qucck/ alternativement: Vous pouvez éviter la deuxième répétition
Si vous avez juste un objet simple:
Si vous utilisez des navigateurs conformes à ECMA5, vous pouvez essayer, Bien sûr, cela ne fonctionnera que de manière fiable si votre objet n'a que 1 clé. S'il a plus d'une clé, votre meilleur pari sera d'écrire une fonction de filtrage qui obtient les noms de clé, que vous pouvez ensuite utiliser pour extraire les clés pertinentes.
Tout en travaillant, je le trouve loin d'être concis et lisible. Comme vous l'avez également remarqué, l'ajout de clés non liées à votre objet briserait ce ngrépeat, ce qui signifie que ce n'est pas un bon design.