离子2/3 - 离子滑动在运行时动态改变方向

Question

我想在运行时动态改变离子滑动组件的方向。

问题在于，每当我改变离子滑动组件的方向时 - 不会抛出任何错误，但单次滑动后幻灯片就会消失。

我猜测某些参数是在组件的初始化阶段设置的，当我改变方向时，我需要以某种方式重新调整它们。

我该怎么做？

<div style="height: 90%">
    <ion-slides [direction]="directionVertical ? 'vertical' : 'horizontal'">
        <ion-slide>Slide 1</ion-slide>
        <ion-slide>Slide 2</ion-slide>
        <ion-slide>Slide 3</ion-slide>
    </ion-slides>
</div>

<button ion-button block (click)="directionVertical = directionVertical ? false : true">Change Direction : {{ directionVertical ? 'vertical' : 'horizontal' }}</button>