如何知道离子拆分窗格是打开还是关闭?

Question

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

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

Answer 1

我正在寻找相同的行为并找到了这个。下面是一个示例：

<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(我自己还没有尝试过 - 如果您这样做，请发表评论(。其余的可能会保留并以相同的方式工作。