该错误通常意味着在Angular 7应用程序中,尝试从未定义的属性中读取值。以下是解决此问题的一些常见方法:
{{ user?.name }}
{{ user.name }}
export class AppComponent {
user: any; // 假设user是一个对象
constructor() {
// 模拟异步获取用户数据
setTimeout(() => {
this.user = { name: 'John Doe' };
}, 2000);
}
}
{{ user?.name }}
export class AppComponent {
user: any = { name: 'John Doe' }; // 初始化user对象
constructor() {
// 模拟异步获取用户数据
setTimeout(() => {
this.user.name = 'Jane Smith';
}, 2000);
}
}
{{ user?.name }}
通过使用安全导航运算符、ngIf指令或正确初始化属性,您应该能够解决“Cannot read property”错误并正确显示数据。