2017-07-29 7 views
1

アイオニックのメニューテンプレートを使用していましたが、アプリの必要性に応じて変更しました。ログインやサインアップページから私のホームページにログインしているときにメニューのトグルボタン私がメニューボタンを見ることができないときに定義されています。私のホームページのためのmenuログインページからログインするとトグルボタンが表示されない

コード:

<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"); 
} 

ホームページを読み込んでいるときにメニューボタンが見えますが、ログインページからナビゲートするとメニューが消えました。

+0

あなたが望むのは 'this.navCtrl.setRoot(" Home ")' –

+0

私はapp.component.tsにsetRoot(page.component)として既に設定しているので、 ) '。 –

答えて

1

私はそれがイオンツールバーに

<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アプリでのログインおよび登録後に私のホームページでメニューを見ることができるよにイオンナビゲーションバーを変更することで解決しました

+2

これは正しい方法ではないと思います。ログイン後に 'this.navCtrl.setRoot(" Home ")'を使うのではなく、ビューを押すことで、ユーザはHomePageから物理的な戻るボタンを押すことができ、再度LoginPageに行きます。モバイルアプリでそのような行動を見たことはありません。 – sebaferreras

+1

私はios appのためにそれを開発しています。 –

+0

良い点。それから、それはエンドユーザーの観点から同じでなければなりません。あなたはそれをあなたの答えに加えてください。それは、同じ問題に直面している他のSOユーザーに役立つかもしれません(ただし、Androidアプリでは正しい方法ではないことを知らせるようにしています)。 – sebaferreras

関連する問題