Как узнать, открыта или закрыта разделенная панель Ionic? - PullRequest
Новая
       43

Как узнать, открыта или закрыта разделенная панель Ionic?

0 голосов
/ 03 мая 2018

Я пытаюсь настроить некоторые свойства CSS в зависимости от состояния разделенной панели, то есть, если она открыта или закрыта. Я могу определить, когда изменяется его состояние, используя событие ionChange в представлении, но я не могу знать, было ли оно открыто или закрыто. Есть ли способ сделать это?

Документация по разделенной панели: https://ionicframework.com/docs/api/components/split-pane/SplitPane/

1 Ответ

0 голосов
/ 07 июня 2018

Я искал то же поведение и нашел этот . Вот пример: 

<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 (я сам еще не пробовал - прокомментируйте, если вы это сделали ). Остальное может остаться и работать так же.

...