ngFor 数组对象中的角度循环答案

【问题标题】：ngFor angular loop in an object of arraysngFor 数组对象中的角度循环
【发布时间】：2020-02-24 20:23:50
【问题描述】：

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 我需要让它是动态的。有什么帮助吗？

【问题讨论】：

使用{{ data.id }}和{{ data.name }}。
我想在不使用 id 和 name 的情况下动态获得答案
那不是动态的？
例如：如果我有 object =[{id='1', name='cosette',work:'teacher'}] 我想为这两个示例编写相同的代码并获取所有列中的属性
使用 Angular 管道迭代对象...stackoverflow.com/questions/31490713/…

【解决方案1】：

从 Angular 6.1 开始，您可以使用 KeyValue pipe。

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

StackBlitz here.

【讨论】：

【解决方案2】：

你的 Json 格式不是很好，应该是

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

请收下这个stackblitz

【讨论】：