我無法在angular2視圖中訪問控制器屬性

Question

我有一個界面

export interface IInterview {
    id: number;
    title: string;
    body: string;
}

當我在控制器中執行console.log(interview)時，表明我有

Object {title: "I SEE SOMETHING", id: 2, body: "THIS IS SO AWESOME HUEHUEHUEHUE"}

但是當我瀏覽我的觀點並進行{{ interview.body }}我收到一條錯誤消息，說

無法讀取[{{訪談.body}}中未定義的屬性“ body”

當我嘗試{{ interview }}它只是說[object Object]

Answer 1

嘗試使用：

{{ interview?.body }}

原因：

您的組件的interview屬性可能在第一個角度試圖渲染視圖時undefined 。

Elvis 安全導航操作符 （ ?. ）確保angular僅在變量不為null時才會嘗試呈現該變量。

如果工作大致像{{ interview ? interview.body : "" }} {{ interview ? interview.body : "" }} 。

您可以在官方文檔中找到更多相關信息： https : //angular.io/docs/ts/latest/guide/template-syntax.html# !# safe-navigation-operator或備忘單 。