码迷,mamicode.com
首页 > 其他好文 > 详细

ionic2的返回按钮的编辑问题

时间:2018-08-18 10:32:09      阅读:163      评论:0      收藏:0      [点我收藏+]

标签:tracking   div   back   参数   ring   track   comment   hid   属性   

ionic2 返回按钮

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

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

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


  也可以在 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>

如果要禁用某个特定的页面的返回按钮,只需要给 ion-navbar 添加 hideBackButton="true" 属性即可,如下:

 <ion-navbar hideBackButton="true">

 <ion-title>Sub Page</ion-title>

</ion-navbar>

 

 

 

2018-08-18 00:50:20

ionic2的返回按钮的编辑问题

标签:tracking   div   back   参数   ring   track   comment   hid   属性   

原文地址:https://www.cnblogs.com/shangyunlin/p/9496021.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!