Come elementi di uscita in un array JSON con AngularJS

Question

JSON matrice definito nel campo di applicazione:

$scope.faq = [ 
     {"Question 1": "Answer1"}, 
     {"Question 2": "Answer2"} 
    ]; 

HTML:

<div ng-repeat="f in faq"> 
    {{f}} 
</div> 

uscita:

{"Question 1": "Answer1"} 
{"Question 2": "Answer2"} 

Quello che voglio uscita a guardare Mi piace:

Question 1 - Answer1 
Question 2 - Answer2 

Come sembra come dovrebbe funzionare:

<div ng-repeat="f in faq"> 
    {{f.key}}-{{f.value}} 
</div> 

... ma non è così.

Answer 1

Cambia l'array JSON in scope come;

$scope.faq = [ 
     {key: "Question 1", 
     value: "Answer1"}, 

     {key: "Question 2", 
     value: "Answer2"} 
    ]; 

E a tuo avviso;

<div ng-repeat="f in faq"> 
    {{f.key}}-{{f.value}} 
</div> 

Answer 2

$scope.faq = [ 
    "Answer1", 
    "Answer2" 
]; 


<div ng-repeat="answer in faq"> 
    Question {{$index+1}}-{{answer}} 
</div> 

Answer 3

dovuto al fatto che è all'interno di una matrice, si dovrà scorrere i valori principali di ciascun oggetto.

http://fiddle.jshell.net/TheSharpieOne/QuCCk/

<div ng-repeat="value in faq"> 
    <div ng-repeat="(question,answer) in value"> 
     {{question}} - {{answer}} 
    </div> 
</div> 

alternativa:
Se avete solo un semplice oggetto:

$scope.faq = { 
    "Question 1": "Answer1", 
    "Question 2": "Answer2" 
}; 

si poteva evitare la seconda ripetizione

<div data-ng-repeat="(question,answer) in faq"> 
     {{question}} - {{answer}} 
</div> 

http://fiddle.jshell.net/TheSharpieOne/D3sED/

Answer 4

Se si utilizza ECMA5 browser compatibili, si potrebbe provare,

<div ng-repeat="f in faq"> 
    {{Object.keys(f)[0]}}-{{f[Object.keys(f)[0]]}} 
</div> 

Naturalmente, questo funziona solo in modo affidabile se l'oggetto ha solo 1 chiave. Se ha più di una chiave, la soluzione migliore è scrivere una funzione filtro che ottenga i nomi delle chiavi, che è possibile utilizzare per estrarre le chiavi pertinenti.

Answer 5

controllare il mio codice: http://plnkr.co/edit/NGEcK7iieFRtvt7WP48A?p=preview

ng-repeat ha bisogno di una matrice, per ogni oggetto nella matrice, è necessario chiavi legate con valori.