Ionic-framework: bug: $ionicConfig.views.swipeBackEnabled can't be changed

[yankustefan]

Type: feat

Platform: ios 8 webview

Is it possible to disable "swipe to go back" on specific views?

I would like to disable it on forms, where I have implemented a confirmation before closing/moving away from the view.

See also Ionic forum thread: #18808

[felquis]

Do you tried using $ionicHistory.nextViewOptions? http://ionicframework.com/docs/api/service/$ionicHistory/

$ionicHistory.nextViewOptions({
  disableBack: true
});

I'm sure that with historyRoot: true swipe to go back doesn't works, but with disableBack: true I'm not sure.

[samu]

:+1:
I tried what @felquis suggested, but it didn't work.

[perrygovier]

You should be able to disable it in the state's controller. Something like:

.controller('MyCtrl', function($scope, $ionicConfig) {
  $scope.$on('$ionicView.enter', function(){
    $ionicConfig.views.swipeBackEnabled(false);
  })
  $scope.$on('$ionicView.leave', function(){
    $ionicConfig.views.swipeBackEnabled(true);
  })
});

Does that do the trick?

[yankustefan]

@perrygovier Thank your for your feedback.

I added to the controller of the according state/view.
Both functions are firing, either on enter and leave as expected.

However I still can swipe to leave the state/view.

I tested on 1.0.0-rc.0 and 1.0.0-rc.3

[mhartington]

@perrygovier This maybe along the same lines as https://github.com/driftyco/ionic/issues/3281, where change the config value in the controller did nothing.

If thats the case, this would be a bug and not a feature. Passing this to @adamdbradley

[yankustefan]

Hi @adamdbradley

Thank you for your work on this issue.
I upgraded to 1.0.0-rc.4 and the code below still does not prevent "swipe to go back".
(tested in Ionic View)

.controller('MyCtrl', function($scope, $ionicConfig) {
  $scope.$on('$ionicView.enter', function(){
    $ionicConfig.views.swipeBackEnabled(false);
  })
  $scope.$on('$ionicView.leave', function(){
    $ionicConfig.views.swipeBackEnabled(true);
  })
});

[seb0zz]

@yankustefan neither works in rc.5 :-(

[seb0zz]

Ah @yankustefan simply use can-swipe-back="false" on your ion-view element

[marcelfalliere]

+1 @yankustefan

I have the following code (that I believe should be the default on iOS, but whatever) :

$scope.$watch(function () { return $ionicSideMenuDelegate.isOpenRight(); }, function (isOpen) {
  if (isOpen){
    $ionicConfig.views.swipeBackEnabled(false);
  } else {
    $ionicConfig.views.swipeBackEnabled(true);
  }
});

Not working :'(

The problem I have is the following :

• platform : iOS
• ionic version v1.1.0
• ionic app with a ion-side-menu side="right" and a ion-nav-view
• users navigate to a sub route (let's say from route "foo" to route "foo.bar" in the ion-nav-view)
• users opens the right side-menu
• users swipes from left ro right
• Bug : the right menu closes AND the view navigates back

Is that clear enough ? I can make a video since it's pretty specific, if necessary.

Regards

Also pinging @adamdbradley

[fengsong97]

following is not work

.controller('MyCtrl', function($scope, $ionicConfig) {
$scope.$on('$ionicView.enter', function(){
$ionicConfig.views.swipeBackEnabled(false);
})
$scope.$on('$ionicView.leave', function(){
$ionicConfig.views.swipeBackEnabled(true);
})
});

[camilobaezcamba]

@seb0zz Have you tried programmatically?
Like this: can-swipe-back="canSwipe()"
$scope.canSwipe = function(){ return true; }

[ionitron-bot[bot]]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.