我正在尝试找到一种隐藏 ionic ion-nav-bar
而不隐藏 ion-nav-bar
按钮的可能方法。
我试过了
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
和tabs.contact
状态)
关于javascript - ionic 隐藏导航栏而不是按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37005207/