angular 9 一个一个地显示对象数组的值

标签 angular

[
{"_id":"5e56579e97dd2029e407f89d","name":"Loka","mobileno":25689,
 "type":"D","gender":"Male","__v":0},
{"_id":"5e578a70547cff4058b26ee1","name":"NNN","mobileno":36954,
 "type":"D","gender":"Male","__v":0},
{"_id":"5e57c02ece0c6928ac575798","name":"ssss","mobileno":855,
 "type":"B","gender":"Male","__v":0},
{"_id":"5e57c33ece0c6928ac57579a","name":"ssss","mobileno":859,
 "type":"B","gender":"Male","__v":0},
{"_id":"5e57c360ce0c6928ac57579b","name":"ssss","mobileno":5486,
 "type":"B","gender":"Female","__v":0},
{"_id":"5e57c407ce0c6928ac57579c","name":"Dhaval","mobileno":24569,
 "type":"C","gender":"Female","__v":0}
]

我想从上面的对象数组中获取每个值。我为上面的数组写了下面的代码

<div *ngFor="let items of customers">
  {{items}}
</div>

我想要这样的输出

Name:Dhaval type: C

最佳答案

<div *ngFor="let items of customers">
    {{items.name}} {{items.mobileno}} {{items.type}} {{item.gender}}
</div>

您可以使用相应的键遍历对象数组。

关于angular 9 一个一个地显示对象数组的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60504735/

相关文章:

typescript - Observable 在 Angular 2 Beta 3 中被破坏了吗?

angular - 在现有项目中更新 Angular CLI

javascript - 连接查询参数并将它们添加到 url

Angular2 Material2 <md-spinner> 未显示但正在工作

html - 在我的 Angular 应用程序中使用 api 调用值作为 div 的背景图像

angular - 如何在 Angular 5 中动态设置选定的下拉值

angular - 在angular cli项目结构中的何处添加或放置外部Javascript文件并在 typescript 文件中使用它们?

Angular4 如何知道 ViewChild 何时被重置

Angular Material Progress Spinner 没有动画

javascript - Angular 2 forEach 无法读取属性