首页 文章

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

提问于
浏览
0

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

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

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

Also if anybody can tell me some other workarounds for this situation.

1 回答

  • 0

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

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

    如果它没有成功,请尝试使用

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

相关问题