2017-01-24 13 views
0

私はアンドロイドでイオンアプリを開発しています。私は戻ってくるページがないときに戻るボタンが表示されないという問題に直面しています。より詳細な説明については戻ってくるページがなければ、戻るボタンをメニューに置き換えてください。 -


シナリオ1:その後、サイドメニューからの眺めAにButton、ビューBへのビューAからボタン:サイドメニューからボタンを表示B.
シナリオ2へ移動]をクリックします。それは、前のページを持っているので

シナリオ2ビューBは、戻るボタンを示しているが、それはバックボタンが表示されない理由をシナリオ1だ前のページを持っていない、どのように表示されません戻るボタンがない場合はメニューボタン?

<ion-view view-title="MY View"> 
    <ion-nav-bar> 
     <ion-nav-back-button></ion-nav-back-button> 
     <ion-nav-buttons side="right"> 
     <button class="button" type="submit" 
     ng-click="goEdit(data.ID)">Edit</button> 
     </ion-nav-buttons> 
    </ion-nav-bar> 

    <ion-content class="has-header"> 

    </ion-content> 
</ion-view> 

追加情報:

は、ここに以下の私のコードです

それは、メニューボタンが表示されますが、もちろん、もはやボタンと編集ボタンを戻って表示されません<ion-nav-bar>を取り除きます。 ng-hide<ion-nav-bar ng-hide="isMenu">に置いてみると、それは隠されているので、nav-barは表示されませんが、html inspect要素からはまだそこに隠れているだけです。これを回避するには?

答えて

1

ページをrootPageとして設定し、メニューを使用するとメニューボタンが表示されます。 navCtrl.push()を使用するとルートから別のページに移動すると、プッシュされたビューに自動的に追加されます.2番目のページをrootPageとして再度設定すると、もう一度メニューボタンが表示されます。 しかし、自分で実装したいのは別のことです。 これをチェックするlink

-1

ナビゲーションバー/ツールバーは、必要なページのみをカスタマイズすることを検討してください。

イオン・ヘッダーにイオン・ツールバーを置くと、デフォルトのイオン・ナビゲーラーの上に表示されます。だから私の閉じるアイコンと私のカスタム関数gotoHome()とカスタムヘッダーバーを持つ回避策です。それは私が特定のページのための 'navbar'をカスタマイズするために見つけた最良の方法です。

<ion-header> 
 

 
    <ion-toolbar> 
 
     <ion-buttons left> 
 
      <button ion-button icon-only (click)="gotoHome()"> 
 
       <ion-icon name="close"></ion-icon> 
 
      </button> 
 
     </ion-buttons> 
 
     <ion-title>Title</ion-title> 
 
    </ion-toolbar> 
 

 
</ion-header> 
 

 
<ion-content padding> 
 
    ... 
 
</ion-content>

同じ答えを参考のために、このトピックに適用されます。 Ionic Change back button icon for one page only

+0

このリンクは質問に答えるかもしれないが、ここでは答えの重要な部分を含めた方がよいと参照のためのリンクを提供する。リンクされたページが変更された場合、リンクのみの回答は無効になります。 - [レビューの投稿](レビュー/低品質の投稿/ 17447864) – Soren

+1

ありがとう、私は私の答えを編集しました。 –

関連する問題