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