如何在離子菜單中使用相同的標題？

我使用Ionic 1.3.2創建了一個應用程序，當用戶選擇登錄類型，從Facebook或應用程序登錄後，用戶進行登錄後，它會重定向到其他步驟<ion-side-menus>和<ion-side-menus>用戶可以使用該應用程序。問題是我創建了<ion-nav-bar>的第一步（選擇登錄），第二步（側面菜單）也有<ion-nav-bar>關於<ion-side-menus>的內容，第一步的標題似乎覆蓋了第二步的標題，以排除佈局，我想在兩個步驟中使用相同的標題。如何在離子菜單中使用相同的標題？

我的問題是，我怎麼可以只使用一個頭，在這種情況下，在第一步創建頭，第二步也使用這個頭？

我的場景如下。

的index.html（第一步驟）

<body ng-app="starter" ng-controller="MainCtrl" animation="slide-left-right-ios7"> 

      <!-- The nav bar that will be updated as we navigate--> 
       <ion-nav-bar class="bar bar-header bar-assertive" align-title="center"> 
       </ion-nav-bar> 

       <!-- where the initial view template will be rendered --> 
       <ion-nav-view></ion-nav-view> 

    </body>

main.html中（第一步驟中，其中用戶選擇的登錄類型）

<ion-view view-title="MeuPedido" align-title="center"> 
    <ion-content> 
     <div class="principal"> 

       <a class="button button-block button-positive" ng-click="fbLogin();">Login com Facebook</a> 

       <button class="button button-block button-energized" ng-click="goTo('login');"> 
        Entrar 
       </button> 
       <button class="button button-block button-energized" ng-click="goTo('addUsuario');"> 
        Cadastrar 
       </button>      
     </div> 
    </ion-content> 
    </ion-view>

sidemenu.html（第二步驟，用戶登錄後）

<ion-side-menus ng-controller='CtrlSideMenu' data-ng-init="loadImage();"> 
    <!-- Center content --> 
    <ion-side-menu-content> 



    <!--app has header on index.html --> 
     <ion-nav-bar class="bar-assertive"> 
     <ion-nav-back-button>   
     </ion-nav-back-button> 
     <ion-nav-buttons side="left" class="has-header"> 
     <button class="button button-icon button-clear ion-navicon" menu-toggle="left"> 
     </button> 
     </ion-nav-buttons>  
    </ion-nav-bar> 



    <ion-nav-view name="tabsContent"></ion-nav-view> 
    </ion-side-menu-content> 

    <!-- Left menu --> 
    <ion-side-menu side="left"> 
     <ion-header-bar> 
     <div> 
      <div class="row"> 
      <div class="col col-90 text-center">   
       <img ng-src="{{imageURL}}" class="round_image"> 
      </div>     
      </div> 
      <div class="row"> 
      <div class="col col-90 text-center customTitle">{{nome}}</div> 
      </div> 
     </div> 
    </ion-header-bar> 
    <ion-content style="margin-top:200px;"> 
     <ion-list>   
     <ion-item menu-close href="#/app/search"> 
      Search 
     </ion-item> 
     <ion-item menu-close href="#/app/browse"> 
      Browse 
     </ion-item> 
     <ion-item menu-close href="#/app/playlists"> 
      Playlists 
     </ion-item> 
     </ion-list> 
    </ion-content> 

    <ion-footer-bar class="bar bar-footer"> 
     <h6>Desenvolvido por Iguana Sistemas</h6>   
    </ion-footer-bar> 

    </ion-side-menu> 


</ion-side-menus>

這裏形象的第一步，看在這一點上有頭

這裏第二步的形象，注意第一步是頭覆蓋水箱內ion-side-menus和竊聽的佈局。

來源

2016-11-26 FernandoPaiva

我真的不明白你想要什麼來實現的，但副作用菜單是一回事（它控制當您打開側邊菜單中出現的視圖）和主要觀點是另一個 - 是用戶將看到並從這裏看到的視圖可以打開側面菜單。這2個視圖可以有不同的導航欄。但是從您的代碼看起來您有一個主視圖登錄用戶，然後更改自身以顯示提要和側邊菜單。你有多種選擇：1.製作導航欄變量的標題和顏色，並用角度改變它們。 2.爲第二步創建另一個視圖並覆蓋導航欄。你應該有這樣的結構： - >主視圖（登錄） - >第二個視圖（飼料），也有一個側面菜單

來源

2016-11-27 09:50:35 condor304

如何在離子菜單中使用相同的標題？

回答

相關問題