Hawkhunter Hawkhunter - 1 year ago 232
AngularJS Question

Ionic Soft Backbutton, $rootScope.IonicGoBack

I am creating a project, and still with ionic1.

I have three pages Home(Playlists) <-> Second(discover) <-> third(myth)

Each page has a soft back button created by ionic default templates for a top menu page.

How ever when I go to the third page, and press back twice (to go back to home) it stops at the Second page.

Myth Code:

$rootScope.$ionicGoBack = function (backCount) {

Discover code:

var doCustomBack = function () {

// override soft back
// framework calls $rootScope.$ionicGoBack when soft back button is pressed
var oldSoftBack = $rootScope.$ionicGoBack;
$rootScope.$ionicGoBack = function () {

I have tried multiple ways, I needed to override the back button and changed it to $state.go, this used to be $ionicHistory.goBack(-2) etc etc How ever there was a bug with that and changed it.

What is weird is: When I go to Second page and go back, it works fine prints "hey" and goes back to main page. When I go to Third page then go back to Second it doesnt work, HOWEVER When I go back to the third page AGAIN and go back to the second page, the back button on the second page works.

There is no error either...

If there is someone with some knowledge on this this would be awesome.

Thanks in advance.

Answer Source

And besides what I wrote in comment, try this code. It's a run function in app.js

.run(function($ionicPlatform, $state, $ionicHistory, $rootScope) {

    $state.backbutton = 0;

    $ionicPlatform.registerBackButtonAction(function(event) {

    if ($state.current.name == "app.home") { // whatever your first state is
        if ($state.backbutton === 0) {
            $state.backbutton = $state.backbutton + 1;               
        } else {
    } else {
            disableBack: true
   }, 100);

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download