如何在页脚（离子框架）中创建后退按钮？答案

【问题标题】：how to create a back button in the footer (ionic framework)?如何在页脚（离子框架）中创建后退按钮？
【发布时间】：2014-05-09 11:40:49
【问题描述】：

我正在使用 Ionic，并希望在页脚中创建一个后退按钮。这就是我的做法。

我的看法：

  <div class="bar bar-footer bar-dark">
    <button class="button button-outline button-light" ng-click="goBack()"><i class="ion-arrow-left-c"></i> Back</button>
  </div>

以及该视图的控制器：

$scope.goBack = function () {
    window.history.back();
};

我的问题：有没有更好的方法（即指令），或者这也是你这样做的方式？

【问题讨论】：

标签： javascript html web-applications ionic-framework

【解决方案1】：

通过自定义点击操作，使用 $ionicNavBarDelegate：

<button class="button" ng-click="goBack()">Back</button>

function MyCtrl($scope, $ionicNavBarDelegate) {
  $scope.goBack = function() {
    $ionicNavBarDelegate.back();
  };
}

来自离子文档： http://ionicframework.com/docs/nightly/api/directive/ionNavBackButton/

【讨论】：

感谢您的回答！我确实看到了。但是，我的理解是 ion-nav-bar 是一个页面顶部导航控件，类似于页眉&它不能嵌入到页脚中。
你是对的。对不起，我应该更清楚。使用 ng-click 您的后退按钮调用包含 $ionicNavBarDelegate.back() 的函数，如上面的示例。为了清楚起见，我将编辑示例并删除 ion-nav-bar。
这里的canGoBack是什么？如果您可以使用 ion-nav-back-button 进行返回，我只想显示返回按钮
什么时候可以在页脚栏上显示返回按钮？
@NiravGandhi 在哪里可以在页脚栏上显示返回按钮，因为它可以像离子一样返回？

【解决方案2】：

使用$ionicGoBack 函数作为点击处理程序

<button class="button" ng-click="$ionicGoBack()">Back</button>

【讨论】：

【解决方案3】：

你也可以使用：

$ionicHistory.goBack();

【讨论】：