离子只改变一个页面的后退按钮图标

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

离子只改变一个页面的后退按钮图标

回答

相关问题