Angular6的ngFor遍历对象数组

于 2018-10-17 09:43:26 发布

阅读量1.2w

点赞数 3

分类专栏：前端文章标签： angular6 ngFor 对象数组

本文链接：https://blog.youkuaiyun.com/XYQ689/article/details/83104940

版权

10 篇文章

订阅专栏

本文展示了一个使用Angular框架进行对象属性遍历的示例，通过*ngFor指令结合Object.keys方法，实现了对对象属性的动态展示。此方法在前端开发中常用于动态生成表格或列表，以响应式方式展示数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

详细请看代码实现

ts：

export class Demo {
  objectKeys = Object.keys;
  obj = { 
     one: '111',
     second: '222'
  };
  constructor(){}
}

html:

<div *ngFor="let key of objectKeys(obj)">
    {{key}} : {{obj[key]}}
</div>

over!