我想使用前一页视图名称更改离子后退按钮文本,例如在iPhone中。如果它从Users导航到User detail,我希望在用户详细信息页面视图中将背景文本更改为Users

现在,这是我从浏览解决方案中获得的。

imports: [
    IonicModule.forRoot(MyApp, {
      tabsPlacement: 'top',
      backButtonText: 'Back',
      iconMode: 'ios',
      modalEnter: 'modal-slide-in',
      modalLeave: 'modal-slide-out',
      tabbarPlacement: 'bottom',
      pageTransition: 'ios'
     })
  ]

这将更改默认值。如何以编程方式从堆栈更改页面名称的backButtonText值。

最佳答案

要动态更改后退按钮文本,可以使用ViewContoller.setBackButtonText()方法。
另请:https://ionicframework.com/docs/api/navigation/ViewController/

要获得上一页的标题,您可能应该寻找NavController.last()能给您的东西。

将ViewController注入您的组件。

import { ViewController } from 'ionic-angular';
constructor(private viewController: ViewController) {}

然后,您需要在加载DOM之后发生的组件生命周期事件之一中设置文本:
ionViewDidLoad() {
    this.viewController.setBackButtonText('My Back Button Text');
}

请参阅Ionic的“生命周期事件”文档,以找到适合您的需求。 https://ionicframework.com/docs/api/navigation/NavController/

我将所有代码感谢(并感谢)以下回答的绅士:https://stackoverflow.com/a/42013787/1321664

关于ios - 像在iOS中一样更改 ionic 后退按钮文本,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/48439182/

10-12 22:05
查看更多