Javascript 更改设备方向时幻灯片消失

我正在使用一个

离子滑动框来显示一些图像。当我不改变设备的方向时，一切正常。如果我这样做，图像有时会消失。再次更改方向会使它们再次出现

HTML:

你知道为什么会发生这种情况，或者/或者我如何解决这个问题吗？
所以我在我的移动应用程序中使用了其中一个，下面是我可以回答的问题：

当应用程序运行时，滑块将并排构建所有幻灯片
每个幻灯片都有自己的属性，以使其位于其同级幻灯片的左侧和右侧。（看这张照片）

正如您所见，每个幻灯片都有一个设置的宽度、左位置、平移等

更改设备方向时，为每张幻灯片设置的值仍相对于原始方向
因此，您可以将
放在config.xml文件中，以防止发生横向方向，或者可以尝试在方向更改时使用
$ionicSlideBoxDelegate.update（）重新加载幻灯片框
感谢您的回答，盲人先知！对某些人来说，防止横向定向可能是一种选择，但不幸的是，对我来说不是。景观模式很重要。现在我使用“$ionicSlideBoxDelegate.update（）；”失踪事件没有再次发生。而且用户没有注意到图像正在更新。很好！我已经在我的答案中添加了这一点，这样其他人都可以看到。
  <div class="outer" ng-if="!data.navbarHidden">
    <div class="middle">
      <div class="inner">
        <ion-slide-box show-pager="false" on-slide-changed="pageChanged($index)" active-slide="data.currentPageIndex" style="width: {{data.maxWidth}}px; height: {{data.maxHeight}}px;">
          <ion-slide ng-repeat="page in allPages">
            <img on-double-tap="onDoubleTap()" class="slideImage" ng-src="{{dataPath}}{{page.link}}" alt="{{page.title}}" on-swipe-left="onSwipeLeft()" on-swipe-right="onSwipeRight()"/>
          </ion-slide>
        </ion-slide-box>
      </div>
    </div>
  </div>

outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.inner {
    margin-left: auto;
    margin-right: auto;
}

.slideImage{
    position: absolute; 
    margin: auto; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    width:auto; 
    max-width:100%;
    max-height:100%; 
    height:auto;
    -webkit-backface-visibility:hidden;
}