如何知道 Ionic 拆分窗格是打开还是关闭？

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
    }
}

已针对 Ionic 3.

进行测试

根据 Redwolf，在 Ionic 4 上，您必须阅读 e.detail.visible 而不是 e._visible（我没有尝试我自己 - 如果你这样做了请评论）。其余的可能会保留并以相同的方式工作。