CODEWITHSUNDEEP
ionic-framework
Tejinder Singh
Tejinder Singh

Reputation: 1120

ionic header bar disappears after reloading the state in angularjs

I am working on a project where I need to use a messaging system.

I have an inbox: When I used the $state.reload() to show the newly sent message but when the state gets reloaded the header bar gets disappeared and doesn't gets visible until i do the manual refresh. I am using ionic 1.1.1 version

I searched a lot but didn't get any suitable reason that why it is happening. Kindly suggest me on this.

Upvotes: 1

Views: 1308

Answers (2)

Laura
Laura

Reputation: 305

So, after searching a lot for ways to solve this problem, that I am also stuck on, I found out there is not! Unfortunatelly updating to the new version of Ionic did not help, and the workaround provided at Ionic's GitHub desn't work for me. It is:

$scope.$on('$ionicView.enter', function(e) {
    $ionicNavBarDelegate.showBar(true);
});

But if you have custom buttons in your header, this code doesn't work as expected. There are some jQuery solutions too, but I think it's not what we really need.

Source: https://github.com/driftyco/ionic/issues/3852

EDIT

So, I've worked on a pure Javascript solution, for my situation, and here it is. Hope it can help.

$scope.$on('$ionicView.enter', function(e) {
  $timeout(function() {
    showHeader();
  }, 1000);

  function showHeader() {
    // Having the nav-bar in your template, set an ID to it.
    var header = document.getElementById('header_id');
    if (header.classList) {
      if (header.classList.contains('hide')) {
        header.classList.remove('hide');
      }
    }
  }
});

Upvotes: 4

Gabriel Rohden
Gabriel Rohden

Reputation: 1346

For me what was causing that issue came from the solution of this problem: https://github.com/ionic-team/ionic-v1/issues/119

Once i removed this line:

$ionicConfigProvider.views.maxCache(0);

from my config phase the action bar started to work again.

Upvotes: 1

Related Questions