用户通过 AngularFire 进行身份验证后,我正在尝试导航到另一个页面。除了导航到另一个页面之外,一切正常。
这是我的代码:
constructor(public navCtrl: NavController, public menu: MenuController, public afAuth: AngularFireAuth, public db: AngularFireDatabase, private platform : Platform) {
this.navigateIfUserIsLogdIn();
}
navigateIfUserIsLogdIn(){
this.authState = this.afAuth.authState;
this.user = this.afAuth.auth.currentUser;
this.afAuth.auth.onAuthStateChanged(function(user) {
if (user) {
// User is signed in.
this.navCtrl.setRoot(HomePage);
} else {
// No user is signed in.
}
});
}
我得到的错误是:
错误:未捕获( promise 中):TypeError:无法读取未定义的属性“navCtrl”
为什么在 navigatorIfUserIsLogdIn() 内部时它不起作用?
请帮忙,并提供一个例子:)
最佳答案
您需要使用这样的箭头函数:
navigateIfUserIsLogdIn(){
this.authState = this.afAuth.authState;
this.user = this.afAuth.auth.currentUser;
this.afAuth.auth.onAuthStateChanged((user) => {
if (user) {
// User is signed in.
this.navCtrl.setRoot(HomePage);
} else {
// No user is signed in.
}
});
}
请注意,现在我们这样做
this.afAuth.auth.onAuthStateChanged((user) => {...});
而不是
this.afAuth.auth.onAuthStateChanged(function(user) {
通过使用箭头函数,this
属性不会被覆盖,并且仍然引用组件实例(否则,this
关键字指向内部函数,并且 navCtrl
未在其中定义)。
关于javascript - Ionic 2 Angular 2 - 无法从方法访问 NavController,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44317456/