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

Question

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

// Typescript file
export class MyClass {
     myObject: any;
     constructor() { }
     ionViewDidLoad() {
         this.myObject = getData(...);
     }
}
// HTML
<p>{{ myObject.property }}<p>

结果是："无法读取 CompiledTemplate.proxyViewClass 中未定义的属性'属性'...">

我可以记录包含其属性的对象。另外，如果我尝试这样做：

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

我的 json 对象及其属性一起显示...我只是无法使用插值括号访问我的财产。

Answer 1

问题是您从某处收到getData(...)响应，并且(可能(花费的时间太长，因此，模板尝试访问未定义对象的属性。

为了解决这个"问题">，请使用安全导航Safe Navigation Operator：

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