首页 文章

在登录时隐藏离子导航栏并且在登录后没有后退按钮的良好模式？

提问于
浏览 次
2

下面是我的应用中页面的模板代码 . 你可以看到我正在使用离子导航栏 . 我想在登录屏幕上禁用离子导航栏，并且没有后退按钮返回登录屏幕 .

我能提出的最佳解决方案是从登录页面中删除 <ion-nav-bar> 并将 ng-show 指令添加到 <ion-nav-back-button> ，该指令测试上一页是否登录并在此情况下隐藏标记 .

这有更好的设计模式吗？

<ion-view view-title="Sales">
  <ion-pane>
    <ion-nav-bar class="bar-stable">
      <ion-nav-back-button></ion-nav-back-button>
      <ion-content class="padding">

        <ionic-datepicker input-obj="datepickerObject">
          <button class="button button-block button-positive"> {{datepickerObject.inputDate | date:'dd - MMMM - yyyy'}}</button>
        </ionic-datepicker>

        <div class="list list-inset">
          <label class="item item-input">
            <input type="text" placeholder="Amount" ng-model="data.amount">
          </label>
        </div>

        <button class="button button-block button-stable" ng-click="enter()">Save</button>

      </ion-content>
    </ion-nav-bar>
  </ion-pane>
</ion-view>
ionic-framework ionic

2 回答

  • 4

    在离子视图中，您需要添加hide-nav-bar指令并将其设置为true以将其隐藏在此页面上 . 像这样

    <ion-view hide-nav-bar="true">

    当您进入视图时，这将隐藏整个导航栏

    回复于
  • 0

    要隐藏后退按钮，只需将此标记添加到您的视图中，就像这样

    <ion-view title="Login" hide-back-button="true">

    回复于

相关问题