2017-07-29 2 views
1

Ich habe Menüvorlage von ionic verwendet, ich ändere es je nach meiner Notwendigkeit der App und wenn ich die App von Login oder Anmeldeseite auf meiner Homepage anmelden, wo menuToggle-Taste ist definiert, aber wenn ich die Menüschaltfläche nicht sehen kann.MenüToggle-Taste verbirgt sich beim Login von loginPage

-Code für meine Homepage:

<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> 

Mein 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> 

Ich bin nur meine Homepage

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

Wenn ich jetzt nur die Startseite lade, sehe ich zwar meine Menü-Taste, aber wenn ich vom Login-Menü navigiere, verschwindet das Menü.

+0

Ich denke, was Sie wollen, ist 'this.navCtrl.setRoot (" Home ")' –

+0

Kein Mann kann ich nicht tun, weil ich es bereits in meiner app.component.ts als 'setRoot (page.component) '. –

Antwort

1

ich es durch Änderung Ionen navbar Ionen-Symbolleiste

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

Jetzt bin in der Lage sehe ich das Menü auf meiner Homepage nach dem Login und Registrierung in ionic2 ios app gelöst wurde

+2

Ich denke, das ist nicht der richtige Weg. Durch Drücken der Ansicht anstelle der Verwendung von 'this.navCtrl.setRoot (" Home ")' nach der Anmeldung kann der Benutzer die physische Zurück-Schaltfläche von der HomePage aus drücken und erneut zur Login-Seite wechseln. Ich habe dieses Verhalten in einer mobilen App noch nie gesehen. – sebaferreras

+1

Ich entwickle es für die iOS-App. –

+0

Guter Punkt. Dann sollte es aus der Sicht des Endbenutzers dasselbe sein. Könnten Sie das bitte zu Ihrer Antwort hinzufügen? Es kann anderen SO-Benutzern helfen, das gleiche Problem zu haben (aber sie wissen zu lassen, dass dies nicht der richtige Weg für Android-Apps wäre). – sebaferreras

Verwandte Themen