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按鈕在登錄時隱藏登錄頁面

回答

相關問題