2

我想讓彈出窗口中有多個選定的元素存在。在那裏有標題存在和競爭但頁腳不存在。我需要有一個關閉按鈕,在任何時候都可見的頁腳。它是滾動數據時也可見。換句話說,當你滾動數據時,請點擊最右側的圖標「齒輪」圖標,你可以看到有關閉按鈕的存在。我需要該按鈕出現在頁腳上,這應該顯示所有時間 這裏是我的代碼爲什麼按鈕在所有時間都不可見(滾動時可見)?

<script id="my-column-name.html" type="text/ng-template"> 
    <ion-popover-view> 
     <ion-header-bar> 
      <h1 class="title">Show Columns</h1> 
     </ion-header-bar> 
     <ion-content> 
      <ul class="list" ng-repeat="item in data"> 
       <li class="item item-checkbox"> 
        <label class="checkbox"> 
         <input type="checkbox" ng-model="item.checked"> 
        </label> 
        {{item.label}} 
       </li> 
      </ul> 
      <ion-footer-bar> 
       <button ng-click="closePopover()">close</button> 
      </ion-footer-bar> 

     </ion-content> 
    </ion-popover-view> 

http://plnkr.co/edit/HSngVd7Q6IRi8EtSVHTJ?p=preview

回答

1

移動ion-footer-bar應該是外將解決您的問題。

標記

<ion-popover-view> 
    <ion-header-bar> 
     <h1 class="title">Show Columns</h1> 
    </ion-header-bar> 
    <ion-content> 
     ..content here 
    </ion-content> 
    <ion-footer-bar> 
     <button ng-click="closePopover()">close</button> 
    </ion-footer-bar> 
</ion-popover-view> 

Demo