【问题标题】:How to know if Ionic split pane is opened or closed?如何知道 Ionic 拆分窗格是打开还是关闭?
【发布时间】:2018-10-13 17:16:36
【问题描述】:

我正在尝试根据拆分窗格的状态调整一些 CSS 属性,我的意思是,它是打开还是关闭。我可以使用视图上的ionChange 事件检测其状态何时发生变化,但我不知道它是打开还是关闭。有没有办法做到这一点?

拆分窗格文档:https://ionicframework.com/docs/api/components/split-pane/SplitPane/

【问题讨论】:

    标签: ionic-framework splitpane


    【解决方案1】:

    我正在寻找相同的行为并找到this。这是一个例子:

    <ion-split-pane (ionChange)="onSplitPaneChange($event)">
        ...
    </ion-split-pane>
    

    在你的组件中:

    onSplitPaneChange(e) {
        if (e._visible) {
            // desktop
        } else {
            // mobile
        }
    }
    

    已针对 Ionic 3 进行了测试。

    根据 Redwolf,在 Ionic 4 上,您必须阅读 e.detail.visible 而不是 e._visible(我自己还没有尝试过 - 如果您尝试过,请发表评论)。其余的可能会保持不变,但仍以相同的方式工作。

    【讨论】:

    • 在 Ionic 4 上,您可以使用 (ionSplitPaneVisible)="function($event)"
    • @Notmfb 说的真好!
    猜你喜欢
    • 1970-01-01
    • 2012-10-11
    • 1970-01-01
    • 2011-07-28
    • 2014-11-03
    • 1970-01-01
    • 2013-02-14
    • 2016-09-05
    • 1970-01-01
    相关资源
    最近更新 更多