2

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

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

4

1 回答 1

3

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

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

于 2018-06-06T21:27:18.500 回答