无法读取未定义角度4的属性“名称”

发布时间：2020-12-17 06:57:49 所属栏目：安全来源：网络整理

导读：参见英文答案 Angular 2: TypeError: l_thing0 is undefined in [{{thing.title}} in AppComponent@4:44]????????????????????????????????????3个我试图在组件的模板中打印一个值. 但我得到了上述错误无法读取未定义的属性“名称” 我已从此问题的代码中

参见英文答案 > Angular 2: TypeError: l_thing0 is undefined in [{{thing.title}} in AppComponent@4:44]????????????????????????????????????3个
我试图在组件的模板中打印一个值.

但我得到了上述错误
无法读取未定义的属性“名称”

我已从此问题的代码中删除了额外的内容.我想访问详细信息的第一行.

组件文件

import {
  Component
} from '@angular/core';
import {
  Person
} from './person';
import {
  getPersonDetailsService
} from './person.service';

@Component({
  selector: 'my-app',template: `
      {{data[0].name}}
      `
})
export class AppComponent {
  data: Person[] = [];
  ngOnInit(): void {
    this.getPersonDetailsService.getData()
      .then(data => this.data = data.slice(1,5));
  }

}

解决方法

我认为您应该首先检查在浏览器中打印数据时是否定义了数据.

{{data[0]?.name}}

由于您的数据最初未定义,因此无法访问其名称属性.

Documentation

The Angular?safe navigation operator (?.)?is a fluent and convenient
way to guard against null and undefined values in property paths. Here
it is,protecting against a view render failure if the?currentHero?is
null.

您还可以使用&&amp ;;检查变量是否为null.条件

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!