離子只改變一個頁面的後退按鈕圖標

使用app.module.ts，設置IonicModule.forRoot（MyApp，{backButtonIcon：「close」}）會將我應用中的所有後退圖標設置爲關閉圖標。但是，我只想在應用程序的一個或兩個頁面中應用此選項，並使用默認選項或第三個圖標選擇其他選項。有沒有人知道如果沒有實現我自己的按鈕和功能的後臺功能如何做到這一點？離子只改變一個頁面的後退按鈕圖標

來源

2017-05-27 Floyd1256

我不記得了100％，因此，我不會回答，但navcontroller推採用相同的選項，以便navctrl.push（頁，{backButtonIcon：「東西」}）;應該工作 – misha130

謝謝你的幫助。我嘗試了你的建議，但我注意到了兩件事情： 1）NavOptions作爲第二個參數，並且在params之前，因此它應該作爲第三個參數傳遞給push方法。 2）NavOptions有大約10個屬性，比如動畫等，但是backButtonIcon沒有。如果你能給我提供一個解決方案，我將不勝感激！ – Floyd1256

好吧，我已經設法使它工作，使用這裏提供的解決方法：[link] https://www.youtube.com/watch?v=e6PImZrumYo，基本上建議用工具欄替換導航欄，並放置一個按鈕具有navPop功能。我不認爲這是一個正確的答案，所以仍然等待有人給我一個正確的解決方案，但這是爲了以防萬一有人想要一個快速解決方案 – Floyd1256

通過在離子頭中有一個離子工具欄，它會出現在默認的離子導航欄的頂部。所以這是一種解決方法，使用我的關閉圖標和自定義函數gotoHome（）來創建自定義標題欄。這是我發現爲特定頁面定製「導航欄」的最佳方式。

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

來源

2017-09-26 09:36:56

離子只改變一個頁面的後退按鈕圖標

回答

相關問題