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>