在tab基离子1中。x应用程序,我想显示一个定制的"goBackHome"按钮,只有当<ion-nav-back-button>
不显示。
如何检测<ion-nav-back-button>
是否显示?
这里是解决方案:
$rootScope.$on('$viewHistory.historyChange', function(e, data) {
$scope.isBackButtonShown = !!data.showBack;
});
另外,它可能有帮助:
App.js -自定义文本和图标。你可以使用$ionicConfigProvider。.config(function($stateProvider, $urlRouterProvider, $ionicConfigProvider) {
$ionicConfigProvider.backButton.previousTitleText(false).text('customText');
$ionicConfigProvider.backButton.icon('ion-ios-home');
})
Controller.js -强制Ionic在某些页面上显示后退按钮
.controller('yourCtrl', function($scope) {
$scope.$on('$ionicView.beforeEnter', function (event, viewData) {
viewData.enableBack = true;
});
})
另外资源:
- 更改/隐藏离子导航-后退按钮文本
- 我如何在离子框架中更改后退按钮标题?
- 如何在某些页面上强制离子显示后退按钮?
- Ionic覆盖特定控制器的所有BACK按钮行为 在ionic中隐藏后退按钮,angularjs
- 有条件地显示侧边菜单或后退按钮
使用ng-hide/ng-show隐藏
Ionic -有条件隐藏返回按钮
当前Ionic版本的工作解决方案:
$rootScope.$on('$ionicView.beforeEnter', function(e, data) {
$scope.isBackButtonShown = data.enableBack;
});