Ionic 2无法在视图中读取对象属性

Question

我正在使用Ionic 2进行教程，有时我无法访问我的教程 视图中的对象属性。 例如：

// Typescript file
export class MyClass {
     myObject: any;

     constructor() { }

     ionViewDidLoad() {
         this.myObject = getData(...);
     }
}

// HTML
<p>{{ myObject.property }}<p>

结果是： ＆＃34;无法阅读财产＆＃39;财产＆＃39;在CompiledTemplate.proxyViewClass中未定义...＆＃34;

我可以记录包含其属性的对象。 如果我试试这个：

<p>{{ myObject | json }}</p>

我的json对象显示其属性... 我无法使用插值括号访问我的属性。

Answer 1

问题是您从某个地方getData(...)收到响应，而且（可能）花费的时间太长，因此模板会尝试访问未定义<的属性/ strong>对象。

要解决此＆＃34;问题＆＃34; ，请使用Safe Navigation Operator进行安全导航：

<p>{{ myObject?.property }}</p>