Ionic2

Question

我正在使用 Ionic2 创建一个 应用程序，要求是 - - 首次加载时的应用程序将显示登录页面，并在登录时显示 - 将启用侧边菜单页面

起始项目显示侧边菜单作为应用程序的根，并在打开任何其他页面之前首先加载 - 然后加载其他相关页面。

我怎样才能构建一个先加载登录页面然后将侧边菜单设置为主导航并且从不显示登录屏幕的应用程序？

我用 ionic 1 做了这个，但无法用 ionic2 弄明白

请帮忙。

Answer 1

@Digital IQ，您必须将登录页面设置为现有 app.ts 文件中的根页面，并在登录页面中使用 MenuController 来启用菜单 onPageDidLeave。 ionic conference app where they have tutorial page before getting in to the actual application. Refer this for menu control and this（第 50 行）中提供了用于设置初始页面的示例。

Answer 2

亲切的收件人 [vahid najafi & Aish123]

我尝试了一些更简单的方法，我发现它有效。

我在首次加载应用程序时将登录页面设置为根页面 - 我从该模板中删除了 'menuToggle' 按钮。
然后我导入了组件我想在登录时重定向
我在LogInPageclass中创建了一个singIn函数如下：

登录(){
让 navRef = this.app.getComponent('nav');
navRef.setRoot(HelloIonicPage); }

它就像一个魅力

Answer 3

一种解决方案是禁用登录屏幕上的菜单，然后在登录后启用它。

您可以通过注入 MenuController 禁用菜单，然后使用：

  import {NavController, MenuController} from 'ionic-angular';



  ionViewDidEnter() {
    //to disable menu, or
    this.menu.enable(false);
  }

  ionViewWillLeave() {
    // to enable menu.
    this.menu.enable(true);
}

Answer 4

肯定是出现了上面的问题，因为用户确实已经登录了，但是在侧边菜单页面没有发生更改，即设置为当前用户。

为此，您可以使用事件 API

Events 是一种发布-订阅样式的事件系统，用于在您的应用中发送和响应应用级事件。

作为参考，请阅读以下答案-

Ionic2 - 登录然后侧边菜单

Ionic2 - Login and then Side menu

ionic-framework