Question

我使用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();
};

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

Answer 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/

Answer 2

使用$ionicGoBack功能作为点击处理程序

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

Answer 3

您也可以使用：

$ionicHistory.goBack();

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

3 个答案: