我的导航栏有问题。
问题:
例如,我有两页。一个主页,上面有登录按钮和页面上的登录。我在页面上有一个后退按钮,可以返回主页。第一次按下后按钮时,它可以工作。但是,当我再次从主页上按登录按钮时,请打开页面上的登录页面,但没有nav栏。
这是我在页面中使用桌面的代码,并使用cmd中的离子服务来运行项目。
询问您需要的任何其他信息。
预先感谢:)
</head>
<body ng-app="app" animation="slide-left-right-ios7" class="grade-a platform-browser platform-win32 platform-ready">
<div>
<div>
<ion-nav-bar class="bar bar-header bar-balanced" style="background-color: #008000" nav-bar-transition="ios" nav-bar-direction="forward" nav-swipe="">
<ion-nav-back-button class="hide"></ion-nav-back-button>
<div class="nav-bar-block" nav-bar="active">
<ion-header-bar class="bar-stable bar bar-header" align-title="center">
<div class="title title-center header-item" style="transform: translate3d(0px, 0px, 0px); left: 96px; right: 96px;"><b>SIGN IN</b></div>
</ion-header-bar>
</div>
<div class="nav-bar-block" nav-bar="cached">
<ion-header-bar class="bar-stable bar bar-header" align-title="center">
<ion-nav-buttons side="left" class="has-header">
<button ng-click="$ionicGoBack()" class="button back-button buttons button-clear header-item">
<img src="img/back.png"> </img> </button>
<div class="title title-center header-item" style="transform: translate3d(16px, 0px, 0px); opacity: 0;"></div>
</ion-header-bar>
</div>
</ion-nav-bar>
</div>
</div>
</body>
</head>
我与我的离子应用程序遇到了同样的问题 - nav栏呈良好状态,直到您第二次重新审视该观点,然后它将消失。似乎在不应该的情况下将隐藏类添加到该元素中。我认为这实际上可能是Ionic的错误,所以我通过添加:
来解决它。display: block!important;
到我的CSS进行NAV栏。不是最优雅的解决方案,而是可行的。