Wie iterieren durch ein Objekt in Angular 2

Question

Attribute mein Objekt Hier

let obj = { 
abc:["some text", "some more text"], 
xyz:["more text", "what do you think?", "I'm tired now"] 

} 

Hier (Es hat eine Anzahl von n dynamische Schlüssel. Ich habe nur zwei im Beispiel unten gezeigt) ist mein Versuch, Schleife werfen die über und drucken Sie alle Werte

<div *ngFor='let item of obj ; let i = index;'> 
      <p *ngFor="let value of obj.i">{{value}} 
</div> 

Aber das oben genannte scheint nicht zu funktionieren. Was mache ich falsch und wie lautet die korrekte Syntax?

Answer 1

Man könnte so etwas tun:

<li *ngFor="let o of obj"> 
    <p *ngFor="let objArrayElement of generateArray(o)"> {{objArrayElement}} </p> 
</li> 

wo generateArray wie folgt aussieht:

generateArray(obj){ 
    return Object.keys(obj).map((key)=>{ return obj[key]}); 
} 

Answer 2

leichte Modifikation an @ zB16 Antwort und es funktioniert wie ein Zauber für mich -

die generateArray-Funktion sieht wie folgt aus:

generateArray(obj){ 
    return Object.keys(obj).map((key)=>{ return {key:key, value:obj[key]}}); 
} 

und die Vorlage -

<li *ngFor="let item of generateArray(data)">{{item.key}}: {{item.value}}</li>