ionic <ion-slide-box> 内容视图

Question

我正在开发一个移动网络应用程序，问题是<ion-slide-box> 没有显示其内容。 class="slider-slides" 的宽度为 4096 像素。如果我将它设置为 0px 并删除<ion-slide> 的-webkit-transform :translate(-1366px, 0px) translateZ(0px) 属性，问题就解决了，但是我无法滚动浏览内容。

这是我的代码：

<ion-slide-box auto-play="true">
    <ion-slide ng-repeat="i in vimages" style="height:200px;width100%;" on-slide-changed="slideHasChanged($index)">
        <div class="box">
            <img ng-src="{{myURL+i.img}}">
        </div>
    </ion-slide>
</ion-slide-box>

Answer 1

如果使用静态数据，您需要在数据加载回调上调用 $ionicSlideBoxDelegate 的更新方法或设置 $timeout 来执行它。使用 ng-repeat 时必须这样做是 Ionic 的“特性”。