我的应用程序流程意味着在用户登录之前没有任何选项卡.第一页是全屏登录屏幕.登录后,用户将被带到tabs.ts,其中包含我的选项卡代码.
其中一个选项卡中有一个按钮,用于记录用户：
user.ts：
// logout logout() { // Log the user out this.user.logout(); // Take user to login screen this.navCtrl.setRoot(LoginPage); }
我认为将root设置为LoginPage(不是任何标签页的一部分)会删除标签.不幸的是,并且标签仍然存在.出于显而易见的原因,这确实存在问题.
解决方法
发布后,我在Ionic论坛上找到了答案.
实际上,每个选项卡都维护着自己的导航堆栈,我知道但我希望setRoot绕过堆栈.从逻辑上讲,它没有.
相反,您需要在App上调用getRootNav().setRoot().
应用程序从离子角度导入,然后传递给您的控制器.
一个完整的(尽管是截断的)示例：
import { Component } from '@angular/core';
import { App } from 'ionic-angular';
@Component({
selector: 'page-profile',templateUrl: 'profile.html'
})
export class ProfilePage {
constructor(
private app: App
) {
}
// logout
logout() {
// Take user to login screen
this.app.getRootNav().setRoot(LoginPage);
}
}
