ngFor 數組對象中的角度循環

Question

object = [{id='1',name="cosette"},{id='2',name="koko"},{id='3',name="krysto"}]

我想在行和列中動態顯示對象

想要我想要我嘗試做的

<ion-row *ngFor="let data of object">
<ion-col > {{data.id}}</ion-col>
<ion-col> {{data.name}}</ion-col>
</ion-row>

我不想使用 name 和 id 我需要讓它是動態的。 有什么幫助嗎？

Answer 1

從 Angular 6.1 開始，您可以使用KeyValue 管道。

<ion-row *ngFor="let o of object">
    <ion-col *ngFor="let data of o | keyvalue"> {{data.value}}</ion-col>
</ion-row>

StackBlitz在這里。

Answer 2

你的 Json 不是一個好的格式，它應該是

object = [{'id':'1','name':"cosette"},{'id':'2',name:"koko"},{'id':'3','name':"krysto"}];

請參加這個stackblitz