Question

我有这个对象：

this.item =  {
 name:"Michael",
 age:18
};

我想放HTML

姓名：迈克尔年龄：18

  <div >{{ item (name) }}</div> --???  should put name
    <div>{{ item.name }}</div>
    <div ">{{item (age)}}</div> --?? should put age
    <div>{{ item.age}}</div>

如何从对象中获取字符串名称和年龄？

Answer 1

使用keyValue管道

<div *ngFor="let item of item | keyvalue">
      {{item.key}}:{{item.value}}
</div>

stackblitz

您应该避免在模板内调用函数（有些人在注释中建议）。如果这样做，每次运行更改检测时都会调用该函数。不好在模板内部，几乎总是比管道更喜欢管道。

Answer 2

您可以尝试以下操作：

<div *ngFor="let key of item">
 <div>{{key}}: {{item[key]}}</div>
</div>

从对象获取密钥-Angular 7

2 个答案: