我添加了hide-nav-bar属性,希望隐藏个人资料页面上的导航栏。它会删除整个导航栏以及按钮和标题。
Profile.html
<ion-view view-title="Profile" hide-nav-bar="true">
<ion-content>
</ion-content>
<ion-footer-bar align-title="left" class="bar-balanced">
<a class="button-icon title" href="">
<i class="icon ion-ios-telephone-outline"></i>
</a>
</ion-footer-bar>
</ion-view>
侧边菜单代码段:
<ion-side-menu-content>
<ion-nav-bar class="bar-balanced">
<ion-nav-back-button>
</ion-nav-back-button>
<ion-nav-buttons side="left">
<button class="button button-icon button-clear ion-navicon" menu-toggle="left">
</button>
</ion-nav-buttons>
</ion-nav-bar>
<ion-nav-view name="menuContent"></ion-nav-view>
</ion-side-menu-content>
是否有任何CSS或Angular解决方法?
我想保留导航后退按钮和导航按钮以及视图标题。我该怎么做?
我已经研究了一些方法,但是这些方法需要使用cordova插件,并且是iOS特定的:http://ionicframework.jp/tutorials/fullscreen-apps/
以及
这:http://codepen.io/ciastek/pen/lxmyC
这些不符合我的目的。请建议一个替代方案,如css标题栏透明或一些$ ionic委托,使用angular只删除栏而不是按钮。
答案 0 :(得分:0)
好的,这就是事情,做一个css类
.make-border-trasparent{
background-color: rgba(0, 0, 0, 0.0) !important;
border: none;
.bar.bar-light {
background-color: rgba(0,0,0,0) !important;
}
}
现在使用带有conidtion的ng-class
<ion-nav-bar ng-class="{'make-border-trasparent': hideBar,'bar-balanced': !hideBar }">
对于您希望导航栏完全透明的页面,请在该特定控制器上写下此行
$rootScope.hideBar = true;
这将使您的酒吧完全变性。导航栏上仍会显示按钮和其他内容。