我怎么知道<ion-nav-back-button>是否显示在 ionic 1.x 中?



在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; });

最新更新