我的应用程序流程意味着在用户登录之前没有选项卡。 第一页是全屏登录屏幕。 登录后,用户将被带到保存我的选项卡代码的tabs.ts
。
其中一个选项卡中有一个按钮,用于注销用户:
用户:
// Logout
logout() {
// Log the user out
this.user.logout();
// Take user to login screen
this.navCtrl.setRoot(LoginPage);
}
我认为将根设置为LoginPage
,这不是任何选项卡页面的一部分,会删除选项卡。 不幸的是,不是,选项卡仍然存在。 出于显而易见的原因,这确实存在问题。
如何从这一点删除选项卡? 我觉得我需要潜在地抓取选项卡实例并销毁它,但这是一个猜测,我正在努力在文档中找到任何东西。
发布此内容后,我在Ionic论坛上找到了答案。
实际上,每个选项卡都维护自己的导航堆栈,我知道这一点,但我希望setRoot
绕过堆栈。 从逻辑上讲,它没有。
相反,您需要在App
上拨打getRootNav().setRoot()
。
App
从ionic-angular
导入,然后传递到控制器。
一个完整的(尽管被截断的(示例:
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);
}
}
您可以使用 Angular 路由器并在单击注销按钮后将用户导航到登录页面。
this.router.navigate(["login"]).
放置适当的路由防护,以便用户在未登录时无法访问路由。 https://angular.io/guide/router