Question

我正在编写一个画布应用程序，画布位于我的主视图中。在方向改变时，我想隐藏页眉和页脚。

我无法使用新视图，因为它会消除canvas元素（或者至少隐藏它），并且我必须重新运行一堆图形初始化代码。相反，我只是调整画布大小以匹配水平手机尺寸。

因此，当手机处于水平状态时，我需要隐藏我的视图的页眉和页脚。有什么想法吗？

修改因此，您可以使用ng-show隐藏页脚。标题也是如此，我仍然坚持。

以下是我的观点副本：

<ion-view title="My Title">
    <ion-nav-buttons side="right">
        <button menu-toggle="right" class="button button-icon icon ion-navicon"></button>
    </ion-nav-buttons>
    <ion-content class="has-header has-footer" id="testCanvas" overflow-scroll="true" on-scroll="scroll()">
    </ion-content>
    <ion-footer-bar align-title="left" class="bar-assertive" style="padding-bottom: 60px;">
        <div class="button-bar">
            <button class="button icon-left ion-ios7-cloud-upload-outline" ng-click="go('save')">Save</button>
            <button class="button icon-left ion-ios7-folder-outline" ng-click="go('load')">Load</button>
            <button class="button icon-left ion-ios7-play-outline" ng-click="play()">Play</button>
        </div>
    </ion-footer-bar>
</ion-view>

Answer 1

因此，在离子视图中添加以下属性将隐藏条形图，然后删除类＆＃34; has-header＆＃34;离子含量会使你的内容向上移动。

<ion-view hide-nav-bar="true"></ion-view>

然而，看起来你可以动态地做到这一点。即：

<ion-view hide-nav-bar="{{hide}}"></ion-view>

......不起作用。我欢迎任何有关如何使其充满活力的想法。

*我已经回答了有关在编辑中删除页脚栏的问题

有没有办法动态隐藏离子视图的页眉和页脚？

1 个答案: