Angular ngOnChanges 第一次无法读取属性

Question

我正在尝试从组件的输入访问数据，并使用 ngOnChanges 这样做，但在控制台中抛出错误，如 "can not read property 'name' of undefined" but data正确加载。

经过调试，只有在页面刷新的时候才会出现这个问题。第一次数据未定义，第二次数据正在加载。

我在这里做错了什么？

@Input() data: any;

 ngOnChanges(changes: any) {
    if(changes['data']) {
      this.dispEn = this.data.name.en;
      this.dispDe = this.data.name.en;
              }
  }

Answer 1

只需围绕数据进行测试以捕捉它何时确实具有值(value)

ngOnChanges(changes: any) {
  if(changes['data'] && this.data) {
    this.dispEn = this.data.name.en;
    this.dispDe = this.data.name.en;
  }
}