ionic3自定义返回按钮图标

ionic3如何自定义返回按钮的图标呢?ion-toolbar 中配置自定义图标呢,这里给大家介绍2中方法。


1、ionic3自定义返回按钮的第一种方法 全局配置


首先可以在 app.module.ts 文件中配置。


@NgModule 中的 imports 属性的 IonicModule.forRoot 第二个参数,如下:



IonicModule.forRoot(MyApp, {  
  backButtonText: '', // 配置返回按钮的文字  
  backButtonIcon: 'arrow-dropleft-circle' // 配置返回按钮的图标  
}) 



2、ionic3自定义返回按钮的第二种方法在 ion-toolbar 中配置自定义图标


可以在 ion-toolbar 中配置自定义图标,并添加 navPop 属性即可,如下:



<ion-header>  
    
  <ion-toolbar>  
    <button ion-button clear small navPop style="padding: 0;">  
      <img class="back-btn" src="assets/image/back.png" />  
    </button>  
    <ion-title class="my-title">我是标题</ion-title>  
  </ion-toolbar>  
  
</ion-header>