仅一页的离子更改后退按钮图标

Question

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

Answer 1

通过在 ion-header 中添加 ion-toolbar，它会出现在默认 ion-navbar 之上。因此，使用带有关闭图标和自定义函数 gotoHome() 的自定义 header 栏是一种解决方法。这是我发现为特定页面自定义 '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

back-button

ionic-framework

ionic2

ionic3