当我第二次打开特定页面时,导航栏消失了



我的导航栏有问题。

问题:

例如,我有两页。一个主页,上面有登录按钮和页面上的登录。我在页面上有一个后退按钮,可以返回主页。第一次按下后按钮时,它可以工作。但是,当我再次从主页上按登录按钮时,请打开页面上的登录页面,但没有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栏。不是最优雅的解决方案,而是可行的。

最新更新