Disable button back on android devices, in IONIC

Question

I'm new to this theme ionic. I read in several places I researched it does not work for me.

I would like to know how to do that when a person Press the button "back" of the cell not redirected to a previous state or to another view. I want that when the button is pressed "back" button of the Cell nothing happens.

I tried with this code, but it is the same thing happening, the button "back" my android device redirects me to another view of my application

$ionicPlatform.onHardwareBackButton(function() {
 event.preventDefault();
 event.stopPropagation();
 alert('nothing');
});

I'm putting my code, in this part, I'm not sure if it's the right place:

angular.module('app', ['ionic'])

.run(function($ionicPlatform) {

 $ionicPlatform.onHardwareBackButton(function() {
 event.preventDefault();
 event.stopPropagation();
 alert('nothing');
});

$ionicPlatform.ready(function() {

if (window.cordova && window.cordova.plugins && window.cordova.plugins.Keyboard) {  
.
.
.

score 0 · Answer 1 · answered Feb 21 '16 at 04:01

0

You can hide it

ion-view title=""  hide-nav-bar="true">

answered Feb 21 '16 at 04:01

SAMUEL OSPINA

321
2
9

score 0 · Accepted Answer · edited May 23 '17 at 11:59

0

You can achieve this with Javascript using Phonegap's Event API

document.addEventListener("backbutton", onBackKeyDown, false);
function onBackKeyDown(e) {
  e.preventDefault();
}

Ref.

edited May 23 '17 at 11:59

Community

1
1

answered Feb 21 '16 at 04:36

solimanware

2,952
4
20
40

score 0 · Answer 3 · answered Feb 21 '16 at 19:53

It looks that you will have to completely overide the back button functionality. To do this replace your current code with this one:

 $ionicPlatform.registerBackButtonAction(function(e){
    //do your stuff
    e.preventDefault();
    return false;
  },101);

Answer is mentioned in Ionic forum

score 0 · Answer 4 · answered Feb 22 '16 at 06:48

This is what worked for me.

 .run(['$rootScope', '$ionicPlatform','$state',
        function($rootScope, $ionicPlatform,$state){    
        $ionicPlatform.registerBackButtonAction(function(e){

        e.preventDefault();
        return false;
      },101);

    }])

Disable button back on android devices, in IONIC

4 Answers4