离子更改后退按钮图标仅适用于一页 [英] Ionic Change back button icon for one page only

问题描述

使用 app.module.ts，设置 IonicModule.forRoot(MyApp,{backButtonIcon:"close"}) 会将我的应用程序中的所有后退图标设置为关闭图标.但是，我只想在应用程序的一两个页面中应用它，其余的保持默认，或者我选择的第三个图标.有谁知道如果不为后退功能实现我自己的按钮和功能怎么办?

Using app.module.ts, setting IonicModule.forRoot(MyApp,{backButtonIcon:"close"}) will set all the back icons in my app to close icon. However, I want to apply this in only a page or two of the app, and keep the rest with the default, or maybe third icon I choose. Does anyone know how can that be done without implementing my own button and functions for the back functionality?

推荐答案

通过在 ion-header 中有一个 ion-toolbar，它会出现在默认 ion-navbar 的顶部.因此，有一个带有我的关闭图标和我的自定义函数 gotoHome() 的自定义标题栏是一种解决方法.这是我发现为特定页面自定义导航栏"的最佳方式.

By having an ion-toolbar in the ion-header, it appears on top of the default ion-navbar. So it is a workaround to have a custom header bar with my close icon and my custom function gotoHome(). That's the best way i found to customize the 'navbar' for a particular page.

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

这篇关于离子更改后退按钮图标仅适用于一页的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！