2017-05-27 5 views
0

app.module.tsを使用して、IonicModule.forRoot(MyApp、{backButtonIcon: "close"})を設定すると、アプリケーションのすべてのバックアイコンが閉じるアイコンに設定されます。しかし、私はこれをアプリケーションの1ページまたは2ページにのみ適用し、残りの部分はデフォルト、または私が選択した3番目のアイコンで保持したいと考えています。誰も私の独自のボタンや機能を実装することなくその機能を実現する方法を知っていますか?Ionic 1ページのみ戻るボタンアイコンを変更する

+0

私は答えを文句を言わないので、100%を覚えていないけどからNavControllerプッシュはとてもnavctrl.push(ページ、{backButtonIcon: "何か"})と同じオプションを取ります。 – misha130

+0

ご協力いただきありがとうございます。私はあなたの提案を試みましたが、2つのことに気づきました: 1)NavOptionsは2番目のパラメータとして来て、それがparamsになる前にpushメソッドの3番目のパラメータとして渡す必要があります。 2)NavOptionsにはアニメーションなどの約10のプロパティがありますが、backButtonIconには何もありません。 私に解決策を提供できれば、私は感謝します! – Floyd1256

+0

さて、ここで提供されている回避策を使って問題なく動作させることができました:[link] https://www.youtube.com/watch?v=e6PImZrumYo、これは基本的にツールバーでナビゲーションバーを置き換えてボタンを配置することを示唆していますnavPop機能を備えています。私はそれが正解だとは思わないので、誰かが私に正しい解決策を与えるのを待っていますが、これはちょうど誰かが迅速な修正を望む場合に備えてです。 – Floyd1256

答えて

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>

関連する問題