2017-02-16 4 views
1

イオン2では、戻るボタンを隠して、メニューバーを表示する必要があります。だから、私は次のコードを書いた:メニューバーをionicで表示する2

<ion-navbar hideBackButton="true"> 
    <button ion-button menuToggle> 
    <ion-icon name="menu"></ion-icon> 
    </button> 
    <ion-title><b>Board</b> Bullets</ion-title> 
    <button class="pull-right" ion-button clear> 
    <i class="icon dripicons-dots-3 r_90 submenu"></i> 
    </button> 
</ion-navbar> 

しかし、何が起こっているのは、戻るボタンとメニューバーの両方を非表示にしています。 誰でもバックボタンを隠す方法を教えてもらえますか?

+1

何をナビゲートするのに使用していますか? 'setRoot'を使うと、ナビゲーションのツールバーの戻るボタンを無効にすることができます。 'this.navCtrl.setRoot(Page)' –

答えて

1

私はあなたがイオン2のナビゲーションドキュメントを読むべきだと思います。Hereは良いスタートです。

this.navCtrl.push(Page)を使用すると、Pageがナビゲーションスタックにプッシュされます。 this.navCtrl.setRoot(Page)を使用すると、Pageがナビゲーションスタックのルートに設定されます。

バックページ(ハードウェアのバックボタンでさえも)に行きたくない場合は、this.navCtrl.setRoot(Page)を使用してページをルートに設定できます。ここでは、戻るボタンの代わりにメニューボタンがあります。

+0

ありがとうございました。現在はうまく機能しています –

+0

喜んで助けてください。 :) –

+0

サイドページのデザインを変更したいのですが、どこにメニューページを見つけることができるのですか? –

0

皆さんは、ionic 2がどのようにエラーをデバッグするのかを知る必要があります。注意:

ルートページAがあり、ページBにプッシュしてナビゲートすると、ページBに戻るボタンが表示されます。ページBでは、ポップアップで戻るとページAにメニューボタンが表示されます。

しかし、あなたがページAにいて、setRootを使ってページBにナビゲートすると、ページBでは再びメニューボタンが表示されます。

また、イオンナビゲーションは眺望の隠されたように機能することを覚えておいてください。

スタックに何かビューがある場合にのみ戻るボタンが表示され、ビューがない場合はルートビューでメニューボタンが表示されます。

バックボタンを非表示にする必要がある場合は、これを念頭に置いてナビゲーションを再編成してください。余分なロジックを追加する必要はありません。

関連する問題