使用Angular2在HTML中显示对象

Question

在我的组件中，我在变量名称peopleDetails

中获取了json

示例JSON：

{
   name:'xxxx',
   age:123,
   details:{
      qualification:'abc',
      yearofPassing:1111
   }
}

我试图在我的html中显示它

<div>{{peopleDetails.name | async}}

但是我无法获得json的属性

当我这样尝试的时候正在打印整个json。

<div>{{peopleDetails.name | async | json}}

但我想访问Json的所有属性。

Answer 1

很难从你的问题中看出问题是什么。 一个猜测：

<div>{{(peopleDetails | async)?.name}} </div>