javascript - Angular 2 でオブジェクト属性を反復処理する方法

Question

これが私のオブジェクトです (n 個の動的キーがあります。以下の例では 2 つだけ示しています)。

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

}

上記をループスローしてすべての値を出力する私の試みは次のとおりです

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

しかし、上記は機能していないようです。私は何を間違っていますか?正しい構文は何ですか?

Answer 1

次のようなことができます。

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

次のようになりgenerateArrayます。

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