Ionic 隐藏导航栏而不是按钮

我正在尝试寻找一种可能的方法来隐藏离子ion-nav-bar不隐藏ion-nav-barbuttons.
我努力了

hide-nav-bar="true"

但它也隐藏了按钮。我已经搜索过并且也参考过this，但没有解决我的问题。
问候。

你只需要指定想要隐藏栏的状态，并修改一些样式

JS:

$rootScope.$on('$stateChangeStart', function(ev, toState, toParams, fromState, fromParams){

    var states = ['tabs.about', 'tabs.contact'];

    if(states.indexOf(toState.name) > -1) {
      $rootScope.hideBar=true;
    } else {
      $rootScope.hideBar=false;
    }
});

HTML:

<ion-nav-bar class="bar-positive" ng-class="{ 'make-border-trasparent': hideBar }">
  <ion-nav-back-button>
  </ion-nav-back-button>
</ion-nav-bar>

请看一下这个例子（我将栏隐藏在tabs.about and tabs.contact states)

Codepen