Html 从对象获取关键点-角度7

我有一个目标：

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

我想加入HTML

姓名：迈克尔 年龄:18

{{item（name）}}--？？？应该点名
{{item.name}
您可以尝试以下方法：

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


{{key}}:{{item[key]}
使用管道


{{item.key}}:{{item.value}



您应该避免在模板内调用函数（有些人在注释中建议这样做）。如果这样做，则每次运行更改检测时都会调用该函数。这很糟糕。在模板内部，几乎总是喜欢管道而不是方法调用。
我建议运行管道，这就涵盖了这一点。不清楚你为什么认为
项目（名称）
“应该放名称”。我不知道怎么做。。。这只是一种解释我的问题的方式，但你似乎知道怎么做，因为下一行使用了正确的语法。不，下一行我正在打印Michael。我想打印姓名和年龄哦，你的意思是字面上的“姓名”。那你为什么需要插值呢？只需写下例如
名称
。
<div *ngFor="let key of item">
 <div>{{key}}: {{item[key]}}</div>
</div>

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