在HTML中顯示對象使用Angular2

在我的部分我得到的JSON在變量名peopleDetails在HTML中顯示對象使用Angular2

樣品JSON：

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

我想在我的HTML顯示像這樣

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

但我無法獲得JSON的財產

它是打印整個js當我嘗試像這樣。

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

但我想訪問Json的所有屬性。

2017-03-01 Priya

爲什麼使用'| | async'？ –

因爲我從商店 – Priya

選擇它這不是有效的JSON，它應該是{ 名稱： 'XXXX'，年齡：123，細節：{ 資格： 'ABC'， yearofPassing：1111 } } – rjdkolb

很難告訴你的問題是什麼問題。 A猜測：

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

2017-03-01 06:08:14

謝謝。它工作完美 – Priya

不客氣。很高興聽到。 –

你能解釋我爲什麼要用問號訪問 – Priya

回答