底部的footer-bar按鈕進(jìn)入頁面時(shí)沒有顯示的，“操作”按鈕點(diǎn)擊后才會顯示，這樣就會擋住content的內(nèi)容了

有沒有什么解決辦法（如果一進(jìn)入頁面就顯示，是沒有這個(gè)問題，不會擋住content）

html部分

<ion-view view-title="{{i18n.mission_list_label}}" cache-view="isAttConfirm">
  <ion-nav-buttons side="right">
    <button ng-if="canOperate && canSelect" ng-click="showActionSheet()" ng-bind="i18n.operate_label" class="button button-clear button-calm"></button>
  </ion-nav-buttons>
  <ion-content>
    <div ng-if="canOperate && list.length" class="item item-divider ">
      <i ng-show="canSelect" ng-click="toggleSelectAll()" class="w20">
        <input type="checkbox" id="selectAll" ng-checked="selectAll">
        <label for="selectAll"></label>
      </i>
      <span ng-bind="requestTotal"></span>
      <span ng-if="canOperate" class="icon-pos-right">
        <span ng-show="canSelect" ng-click="toggleSelectAll()" ng-bind="i18n.select_all_label" class="touched mr10"></span>
        <span ng-hide="canSelect" ng-click="toggleSelect()" ng-bind="i18n.select_label" class="touched"></span>
        <span ng-show="canSelect" ng-click="toggleSelect()" ng-bind="i18n.cancel_label" class="touched"></span>
      </span>
    </div>
    <ion-list ng-if="!isEmpty && !isAttConfirm && !isPayBillAudit">
      <ion-item collection-repeat="item in list" ng-click="listClick(item)" class="pos-relative">
        <i ng-show="canSelect" ng-click="toggleChecked(item, $event)" class="pos-absolute vertical-middle">
          <input type="checkbox" id="{{item.id}}" ng-checked="item.checked">
          <label for="{{item.id}}"></label>
        </i>
        <div ng-class="{ml2: canSelect}">
          <span ng-bind="item.realname"></span>
          <span ng-bind="item.date | onlyDateFilter" class="pos-absolute rightDate"></span>
        </div>
        <div>
          <img ng-src="{{img}}" ng-class="{ml2: canSelect}" class="icon-img">
          <p ng-bind="item.title"></p>
          <p ng-bind="item.team" ng-if="!isMe && !isComplete"></p>
          <div ng-if="isMe">
            <p ng-bind="item.process_name" class="float-left" style="margin-right: 10px;"></p>
            <p ng-bind="item.status"></p>
          </div>
          <div ng-if="isComplete">
            <p ng-bind="item.process_name" class="float-left"></p>
          </div>
        </div>
      </ion-item>
    </ion-list>
    <ion-list ng-if="!isEmpty && (isAttConfirm || isPayBillAudit)">
      <ion-item collection-repeat="item in list" ng-click="listClick(item.date)" class="pos-relative">
        <img ng-src="{{img}}" class="icon-img">
        <h2 ng-bind="item.date"></h2>
        <p ng-bind="item.total"></p>
      </ion-item>
    </ion-list>
    <ion-infinite-scroll ng-if="haveMore" on-infinite="loadMore()" distance="2%"></ion-infinite-scroll>
    <ion-item ng-if="isEmpty && !haveMore" ng-bind="emptyTip" class="text-center"></ion-item>
  </ion-content>
  <ion-footer-bar ng-if="canOperate && canSelect" align-title="left" class="bar-assertive">
    <div class="buttons">
      <button class="button">左側(cè)按鈕</button>
    </div>
    <h1 class="title">Title!</h1>
    <div class="buttons" ng-click="doSomething()">
      <button class="button">右側(cè)按鈕</button>
    </div>
  </ion-footer-bar>
</ion-view>