我想使用前一页视图名称更改离子后退按钮文本,例如在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/