我有此代码
idTirada: string;
tirada: Tirada;
constructor(private tiradaService: TiradaService,
private route: ActivatedRoute ) {
this.idTirada = this.route.snapshot.paramMap.get('id');
this.tiradaService.getTirada( this.idTirada )
.subscribe( resp => {
this.tirada = resp;
console.log (resp)
});
}
我用tiraradaService阅读了Firebase,它返回了一个包含信息的数组
{arc: "-M9TuPty-oGAmgmnh0WL", camp: "massia", data: "2020-06-14T09:47:32.878Z", plens: "0", punts: "135", …}
我将其显示为HTML
<ion-card-header>
<ion-card-subtitle>{{ tirada.arc }}</ion-card-subtitle>
</ion-card-header>
但是它给了我这个错误,如果我多次刷新信息,它消失了,就好像我在数据之前加载了HTML,却不知道从何处获取信息
core.js:6228 ERROR Error: Uncaught (in promise): TypeError: Cannot read property 'arc' of undefined
答案 0 :(得分:1)
当Angular在tirada
被赋值之前渲染视图时,将导致异常。 ?.
在tirada
为null或未定义时停止评估,这通常发生在异步获取数据时,例如从服务器获取数据可能会花费一些时间。
下次更改检测识别到更改时,将重新评估绑定。当tirada
有一个值时,它将绑定tirada.arc
。
因此,在模板HTML中使用?.
。
<ion-card-header>
<ion-card-subtitle>{{ tirada?.arc }}</ion-card-subtitle>
</ion-card-header>