天天看點

路由中去除cache:false的側邊欄問題

路由中去除cache:false的側邊欄問題

在cache:false的頁面上使用了定義側邊欄的頭部,是沒有異樣的,一旦去掉cache:false,傳回該頁面,頁面不會重新加載,定義的頭部将不會重新載入,導緻頂部消失。

是以,定義側邊欄必須按以下格式進行定義:

<ion-view>
  <ion-side-menus enable-menu-with-back-views="false" delegate-handle = "middlebase-carinformation-handle">
    <!-- 中間内容 -->
    <ion-side-menu-content drag-content="false">
      <ion-header-bar align-title="left" class="bar-positive">
        <div class="buttons">
          <button class="button button-clear button-icon icon ion-chevron-left" ng-click="vm.returnBack()"  nav-direction="back">傳回</button>
        </div>
        <h1 class="title" style="text-align: center;">名稱</h1>
        <div class="buttons">
          <button menu-toggle="right" class=" button button-icon icon ion-search "></button>
        </div>
      </ion-header-bar>
      <ion-content class="has-header">
      ...
      </ion-content>
    </ion-side-menu-content>
    <!--右側菜單-->
    <ion-side-menu side="right" width="320" on-swipe-right="vm.searchHide()">
      <header class="bar bar-header bar-positive">
        <h1 class="title">查詢條件</h1>
        <a class="button button-clear hgReturnButton" menu-close>
          關閉
        </a>
      </header>
      <ion-content class="has-header" >
      </ion-content>
    </ion-side-menu>
  </ion-side-menus>
</ion-view>