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

【问题标题】：How can i know if <ion-nav-back-button> is displayed in ionic 1.x?我怎么知道 <ion-nav-back-button> 是否显示在 ionic 1.x 中？
【发布时间】：2016-06-28 03:30:01
【问题描述】：

在基于选项卡的 ionic 1.x 应用程序中，我想仅在未显示 <ion-nav-back-button> 时显示自定义的“goBackHome”按钮。

如何检测<ion-nav-back-button>是否显示？

【问题讨论】：

标签： ionic-framework

【解决方案1】：

这是来自here的解决方案：

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

})

其他资源：

【讨论】：

$viewHistory.historyChange 似乎未定义，您对 ionic 论坛的引用指向旧版本的 navBackButton.js 。然而，离子论坛中的连续 cmets 提出了一种替代方案（和可行的解决方案）。

【解决方案2】：

当前 Ionic 版本的工作解决方案：

$rootScope.$on('$ionicView.beforeEnter', function(e, data) { $scope.isBackButtonShown = data.enableBack; });

【讨论】：