1

我有以下代码:

个人信息.html

<ion-view view-title="Personal Information" can-swipe-back="true">
  <ion-nav-buttons side="left">
    <button class="button button-icon icon  ion-ios-arrow-left" ng-click="doTheBack()" nav-direction="back"></button>
</ion-nav-buttons>
  <ion-content class="padding">
    <div class="list card">
      <div class="item item-divider">Recent Updates</div>
      <div class="item item-body">
        <div>
          There is a fire in <b>sector 3</b>
        </div>
      </div>
    </div>
  </ion-content>
</ion-view>

和我的控制器

.controller('PersonalInfoCtrl', function($scope) {
  $scope.doTheBack = function() {
  window.history.back();
};
});

我想通过放入标签来启用我尝试过的向后滑动功能,can-swipe-back="true"<ion-view>它根本没有帮助。我还检查了很多文档以及这个问题How do you "Swipe to go back" in Ionic?但似乎我的应用程序没有启用向后滑动功能。

4

1 回答 1

2

我实现它的方式是通过 $ionicNavBarDelegate。在 HTML 中:

<ion-view view-title="Personal Information">
  <ion-content on-swipe-right="swipe('right')" class="padding">
    <div class="list card">
      <div class="item item-divider">Recent Updates</div>
      <div class="item item-body">
        <div>
          There is a fire in <b>sector 3</b>
        </div>
      </div>
    </div>
  </ion-content>
</ion-view>

在控制器中:

$scope.swipe = function (direction) {
                 if(direction == 'right') 
                   $ionicNavBarDelegate.back();
               }

确保在控制器标头中包含 $ionicNavBarDelegate。

如果这不起作用,请查看http://forum.ionicframework.com/t/any-sample-code-on-how-to-use-swipe-to-go-back/19122/13如http://codepen.io/mhartington/pen/RNqpJp所示,自 RC0 以来,默认情况下滑动返回似乎可以工作。

于 2015-08-05T00:23:42.853 回答