在离子中创建自定义后退按钮？

Question

我的默认离子后退按钮没有在嵌套视图中显示，因此我决定为这些页面创建自定义后退按钮。

<ion-nav-buttons side="left">
 <button class="button button-clear" ng-click="goBack()"><i class="ion-android-arrow-back" style="font-size:30px;" ></i></button>
</ion-nav-buttons>

我的控制器功能：

 $scope.goBack = function() {
        $state.go('app.home');
    };

然而这个逻辑工作的问题是，我的自定义后退按钮没有显示返回时离子后退按钮显示的动画。那么如何使用我的自定义后退按钮来实现该动画。

此外，如果有人可以告诉我其他一些解决此问题的方法。

Answer 1

如果按钮没有显示，应该有一些搞乱历史的东西。但是，如果您必须采取替代路径，请先尝试使用$ionicHistory

 $scope.goBack = function() {
     $ionicHistory.goBack();
 };

如果不能解决问题，请尝试使用

$scope.goBack = function() {
  $ionicViewSwitcher.nextDirection("backward");
  $state.go('app.home');
};