menuToggle按钮在登录时隐藏登录页面

我已经使用了离子菜单模板，根据我对应用程序的需求进行了更改，当我从登录或注册页面登录到我的主页时，menuToggle按钮被定义，但是当我无法看到菜单按钮时。menuToggle按钮在登录时隐藏登录页面

代码为我的主页：

<ion-header> 
    <ion-navbar hideBackButton="true"> 
     <button ion-button menuToggle> 
      <ion-icon name="menu"></ion-icon> 
     </button> 
     <ion-title>Dashboard</ion-title> 
    </ion-navbar> 
</ion-header> 
<ion-content> 
    Hello 
</ion-content>

我loginpage：

<ion-header> 
    <ion-navbar hideBackButton="true"> 
     <ion-title>Login</ion-title> 
    </ion-navbar> 
</ion-header> 

<ion-content> 
    <div ion-fixed class="login_wrapper"> 
     <div class="logo"> 
      <img src="./assets/images/logo.png" /> 
     </div> 
     <div class="login_content"> 
      <form #submitForm="ngForm"> 
       <ion-list ngFormModel="LoginForm"> 
        <ion-item class="logintext"> 
         <ion-label class="login_label" stacked>Username</ion-label> 
         <ion-input class="login_input" type="email" name="username" [(ngModel)]="uname"></ion-input> 
        </ion-item> 

        <ion-item class="logintext"> 
         <ion-label class="login_label" stacked>Password</ion-label> 
         <ion-input class="login_input" type="password" name="email" [(ngModel)]="password"></ion-input> 
        </ion-item> 

        <div class="submitbtn"> 
         <button ion-button type="submit" class="sbtbtn" (click)="signIn($event)" color="light" full> SignIn </button> 
        </div> 
       </ion-list> 
      </form> 
      <div class="submitbtn"> 
       <button ion-button type="submit" class="sbtbtn" (tap)="openRegister()" color="light" full> SignUp </button> 
      </div> 
     </div> 

    </div> 
</ion-content>

我只是用加载我的主页

signIn(e) { 
    console.log("SignIn Btn Clicked"); 
    this.navCtrl.push("Home"); 
}

现在，当我只加载主页，然后我可以看到我的菜单按钮，但是当我从登录页面菜单导航消失。

来源

2017-07-29 Abhishek Pandya

我想你想要的是'this.navCtrl.setRoot（“Home”）' –

没有人我不能这样做，因为我已经将它设置在我的app.component.ts中作为'setRoot（page.component ）'。 –

我把它通过改变离子导航栏，以离子工具栏

<ion-header> 
<ion-toolbar hideBackButton="true"> 
    <button ion-button menuToggle> 
     <ion-icon name="menu"></ion-icon> 
    </button> 
    <ion-title>Dashboard</ion-title> 
</ion-toolbar>

现在我能看到我的主页菜单中ionic2 iOS应用的登录和注册后解决

来源

2017-07-29 05:56:45

我认为这不是正确的做法。通过在登录后推送视图而不是使用'this.navCtrl.setRoot（“Home”）'，用户将能够从主页按下物理后退按钮，并且将再次进入LoginPage。我从来没有在移动应用上看到过这种行为。 – sebaferreras

我正在为ios应用程序开发它。 –

好点。那么从最终用户的角度来看它应该是一样的。你能否把这个添加到你的答案中？它可能会帮助其他SO用户面临同样的问题（但让他们知道它不适合Android应用程序的正确方式） – sebaferreras

menuToggle按钮在登录时隐藏登录页面

回答

相关问题