如何更改离子2中后退按钮的标签？

随着代码：如何更改离子2中后退按钮的标签？

<ion-navbar *navbar> 
</ion-navbar>

后退按钮被启用。但我需要定制它（图标或标签）。可能吗？在docs/api中找不到任何内容。

来源

2016-03-07 Christian Benseler

属性backButtonText作为离子链接提到离子2公测http://ionicframework.com/docs/v2/api/config/Config

@App({ 
    template: `<ion-nav [root]="root"></ion-nav>` 
    config: { 
    backButtonText: 'Go Back', 
    iconMode: 'ios', 
    modalEnter: 'modal-slide-in', 
    modalLeave: 'modal-slide-out', 
    tabbarPlacement: 'bottom', 
    pageTransition: 'ios', 
    } 
})

更新您可以设置后退按钮的文字在你的app.html 8

import {ionicBootstrap} from 'ionic-angular'; 

ionicBootstrap(AppRoot, customProviders, { 
    backButtonText: 'Go Back', 
    iconMode: 'ios', 
    modalEnter: 'modal-slide-in', 
    modalLeave: 'modal-slide-out', 
    tabbarPlacement: 'bottom', 
    pageTransition: 'ios', 
});

离子2 rc.0和u UPDATE p以及离子3

在ionic 2 rc.0及更高版本中，我们需要包含app.module.ts下的imports数组。

@NgModule({ 
declarations: [ 
    MyApp, 
    Home 
], 
imports: [ 
    IonicModule.forRoot(MyApp, { 
     tabsPlacement: 'top', 
     backButtonText: 'Back' 
    })], 
bootstrap: [IonicApp], 
entryComponents: [ 
    MyApp, 
    Home ], 
providers: [MyService] 
})

来源

2016-03-08 08:58:32 AishApp

嗨。是否可以更改某个特定页面的后退按钮上的图标和文本？ – user3607282

我还没有尝试过。只要看看http://ionicframework.com/docs/v2/api/components/nav/ViewController/#setBackButtonText setBackButtonText（）。希望它有助于 – AishApp

我也没有找到这方面的任何文件。但是我找到了设置按钮文本和类的文件，所以你可以在那里编辑它（它会改变每个页面上的按钮文本/类）。

变化node_modules/ionic-framework/config/modes.js

来源

2016-03-07 19:56:27 akz92

我刚刚花了一段时间去解决如何在离子2.

通过ViewController做这里面你的页面将输出文件必须导入的ViewController

import { ViewController } from 'ionic-angular';

然后在你的构造函数中包含ViewController。

constructor(public viewCtrl: ViewController) {}

然后最后你可以调用函数更改文本。

ionViewDidLoad() { this.viewCtrl.setBackButtonText('Cancel'); }

我基本上从我会怎么做了提醒和导航控制器的东西，所以我可能是错的拼凑了一起。它虽然为我工作，并有利于我允许每页更改文本。

来源

2017-02-02 22:49:11

IONIC2的当前版本，您可以在全球范围内改变后退按钮的文字。

您还可以更改图标就像它出现在iOS和隐藏"Back"标签。

imports: [ 
    IonicModule.forRoot(MyApp,{ 
     backButtonText: '', 
     backButtonIcon: 'ios-arrow-back', 
     iconMode: 'md' 
    }) 
]

就这一个添加到您的app.module.ts。

来源

2017-04-11 13:10:30

在当前版本“3.12.1”这是答案 –

如何更改离子2中后退按钮的标签？

回答

相关问题