Question

我正在使用Ionic 1.3.2创建应用程序，当用户从Facebook或应用程序中选择您的登录类型时，我只有一步，在用户登录后，它会重定向到其他步骤<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内的标题并窃听布局。

Answer 1

我没有真正得到你想要达到的目标，但是侧面菜单是一回事（它控制打开侧面菜单时出现的视图）而主视图是另一个 - 是用户的视图会看到从这里你可以打开侧菜单。这2个视图可以有不同的导航栏。但是从你的代码看起来你有一个主视图登录用户，然后改变自己以显示提要和侧面菜单。您可以选择多种选项：1。制作导航栏变量的标题和颜色，并使用角度更改它们。 2.为第二步创建另一个视图并覆盖导航栏。你应该有这样的结构： - ＆gt;主视图（登录） - ＆gt;第二视图（提要）也有侧边菜单

如何在离子侧菜单中使用相同的标题？

1 个答案: