Я разрабатываю мобильное веб-приложение, проблема в том, что <ion-slide-box>
не показывает его содержимое. class="slider-slides"
имеет ширину 4096 пикселей. если я устанавливаю его на 0px и -webkit-transform :translate(-1366px, 0px) translateZ(0px)
свойство <ion-slide>
, проблема решена, но тогда я не могу прокручивать содержимое.
это мой код:
<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>
Вам нужно вызвать метод обновления $ ionicSlideBoxDelegate при обратном вызове загрузки данных или установить $ timeout для его выполнения, если использовать статические данные. Это "особенность" ионического, что это нужно делать при использовании ng-repeat.