如何知道离子分割窗格是打开还是关闭？

Question

我正在尝试调整一些CSS属性，具体取决于拆分窗格的状态，我的意思是，如果打开或关闭它。我可以使用视图上的ionChange事件检测其状态是否发生变化，但我不知道它是打开还是关闭。有没有办法做到这一点？

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

Answer 1

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

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

在你的组件中：

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

测试离子3 。

根据Redwolf， Ionic 4 ，您必须阅读e.detail.visible而不是e._visible（我没有尝试过）我自己 - 如果你做的话评论。其余的可能会保持不变并且工作方式相同。