2016-12-03 68 views
0

我的導航欄有問題。當我第二次打開特定頁面時Navbar消失

問題:

比如我有兩頁。有登錄按鈕和登錄頁面的主頁。我在登錄頁面上有一個返回按鈕以返回主頁。第一次按下後退按鈕,它可以工作。但是當我再次從主頁按下登錄按鈕時,登錄頁面打開,但沒有導航欄。
以下是我登錄頁面的代碼,使用桌面Ionic並使用cmd中的Ionic serve運行項目。

詢問你需要的更多信息。

感謝提前:)

</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>

回答

2

我與我的離子同樣的問題APP-導航欄中出現了罰款,直到你重新審視這種觀點的第二次,那麼它會消失。它看起來應該是一個隱藏類,當它不應該被添加到元素時。我認爲這可能實際上是一個離子的bug,所以我通過添加了:

display: block!important; 

我的CSS爲導航欄。不是最優雅的解決方案,但它的工作原理。

+0

正如你所說的兄弟,不是最優雅的解決方案,但它的工作原理,謝謝。 –