Jak iterację atrybutów obiektu w Kątowymi 2

Question

Oto mój obiekt (ma numer n kluczy dynamicznych. Mam pokazano dwa w poniższym przykładzie tylko)

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

} 

Oto moja próba pętli rzucać powyżej i wydrukuj wszystkie wartości:

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

Jednak powyższe elementy nie działają. Co robię źle i jaka jest prawidłowa składnia?

Answer 1

Można zrobić coś takiego:

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

gdzie generateArray wygląda następująco:

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

Answer 2

niewielkie modyfikacje użytkownika @ eg16 odpowiedź i to działało jak urok dla mnie -

się Funkcja generateArray wygląda tak:

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

i szablon -

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