我正在使用Angularfire2库登录用户并从Firebase数据库中获取数据,但是当用户点击注销时,会向控制台抛出以下错误:
无法在行
读取null的属性'uid'
以下是uid
属性,在任务组件的ngOnInit
方法的第2行抛出错误:
ngOnInit() {
this.authSub1 = this.auth.authState.subscribe((auth) => {
this.tasksSub = this.af.list(`users/${auth.uid}/tasks`, { preserveSnapshot: true }).subscribe(snapshots => {
snapshots.forEach(snapshot => {
this.tasksArray.push(snapshot.val().name);
});
});
}, (err) => {this.openSnackBar(); console.log(err); });
}
然后我在上面的订阅上调用unsbuscribe
以避免ngOnDestroy
方法中的内存泄漏:
ngOnDestroy() {
this.authSub1.unsubscribe();
}
这是由按钮触发的退出方法,该按钮位于主要组件上(主要组件的路由器出口显示上述组件):
logout() {
this.auth.auth.signOut()
.then(() => {
this.router.navigateByUrl('/login');
})
.catch(function(err) {console.log(err); });
}
答案 0 :(得分:0)
当用户点击注销时,为了避免用户id为null我只需要避免使用uid
回调参数中的authState.subscribe
,而只使用新创建的变量来存储{ {1}}直接来自uid
上注入的AngularFireAuth
服务:
ngOnInit