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

时间:2017-05-27 13:30:01

标签: ionic-framework ionic2 back-button ionic3

使用app.module.ts,设置IonicModule.forRoot(MyApp,{backButtonIcon:“close”})会将我应用中的所有后退图标设置为关闭图标。但是,我想仅在一个或两个应用程序中应用它,并保留其余的默认值,或者我选择的第三个图标。有没有人知道如何在不实现我自己的按钮和后台功能的情况下完成这项工作?

1 个答案:

答案 0 :(得分:3)

通过在离子头中放置一个离子工具栏,它出现在默认的离子导航栏的顶部。所以这是一个解决方法,有一个自定义标题栏与我的关闭图标和我的自定义函数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>