如何通过 Angular 数组中的不同对象迭代 *ngFor?
how to iterate *ngFor through Different objects in array in Angular?
我从 API(服务器)动态生成了不一致的对象数组。
例如:
array = [
{name: 'blah', age:2},
{status: 'pending', date: '20-20-2020'},
{blah: 'foo', google: 'bar'},
{apple: 'android', microsoft: 'eeewww'}
]
这个数组可以是任何具有不同键和值的数组。
how can i Iterate through it to show the values in ngFor
?
我现在在做什么:
this.printArray = JSON.stringify(JSON.parse(this.array), null, 4);
<div *ngFor="let print of printArray">
{{print}} // it prints the array like {"name": blah, "age": 2} but i don't want it in this way
</div>
<div *ngFor="let element of myArray">
<!--element is an object-->
<div *ngFor="let item of element|keyvalue">
{{item.key}}:{{item.value}}
</div>
</div>
我从 API(服务器)动态生成了不一致的对象数组。
例如:
array = [
{name: 'blah', age:2},
{status: 'pending', date: '20-20-2020'},
{blah: 'foo', google: 'bar'},
{apple: 'android', microsoft: 'eeewww'}
]
这个数组可以是任何具有不同键和值的数组。
how can i Iterate through it to show the values in
ngFor
?
我现在在做什么:
this.printArray = JSON.stringify(JSON.parse(this.array), null, 4);
<div *ngFor="let print of printArray">
{{print}} // it prints the array like {"name": blah, "age": 2} but i don't want it in this way
</div>
<div *ngFor="let element of myArray">
<!--element is an object-->
<div *ngFor="let item of element|keyvalue">
{{item.key}}:{{item.value}}
</div>
</div>