我在Angular + Ionic应用程序中使用Swiper并使用新指令:
<ion-slides class="portafoglio-slider" options="options" slider="slider">
<ion-slide-page ng-repeat="card in cards">
<div class="portafoglio-img">
<img ng-src="{{card.src}}">
<p class="pan-card">{{card.pan}}</p>
</div>
</ion-slide-page>
</ion-slides></code>
然后我需要在加载滑块后更改所有(或部分)图像。
我使用此示例代码替换所有图像:
$scope.setNewImages = function (){
for (var j=0; j < $scope.cards.length; j++) {
$scope.cards[j].src ="http://lorempixel.com/1200/800/sports/1/";
console.log("Modifico l'immagine numero "+j);
$scope.swiper.update();
}
}
真正的问题是在滑块初始化时复制幻灯片的循环系统,而update()方法不会替换重复项,而只会替换普通幻灯片。
所以当我到达滑块的末尾(或开头)时,我会看到旧图像。
任何帮助?