Question

我正在尝试弹出，其中存在多个所选元素。在那里有标题存在并且竞争但是页脚不存在。我需要在页脚上有一个关闭按钮，它始终是可见的。滚动数据时也可以看到。换句话说，请点击最右边的图标“齿轮”图标，当你滚动数据时，它会打开，你可以看到存在关闭按钮。我需要在页脚上显示所有时间的按钮这是我的代码

<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

Answer 1

移动ion-footer-bar应该在ion-content之外，这将解决您的问题。

<强>标记

<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

为什么按钮始终不可见（滚动时可见）？

1 个答案: