Question

离子幻灯片放映时我有一个简单的问题，我使用离子网站所说的完全相同的方法（Ionic Slide Show）。

我拥有的代码如下：

<ion-slide-box on-slide-changed="slideHasChanged($index)" ng-repeat="img in itemPictures">
    <ion-slide>
       <img style="padding: 5px; border: solid 1px #EFEFEF;" class="full-image" ng-src="mydomain/{{img.Image_Path}}/{{img.Image_SRC}}"/>
    </ion-slide>
</ion-slide-box>

itemPictures数组具有正确的数据，问题是我将图像置于彼此之下，其中每个图像本身就像一个滑块。

谢谢你们！

Answer 1

<ion-slide-box>是滑块的父元素。它里面包含<ion-slide>个元素。您正在重复<ion-slide-box>，而是需要将ng-repeat放入<ion-slide>。

   <ion-slide-box on-slide-changed="slideHasChanged($index)">
        <ion-slide ng-repeat="img in itemPictures">
           <img style="padding: 5px; border: solid 1px #EFEFEF;" class="full-image" ng-src="mydomain/{{img.Image_Path}}/{{img.Image_SRC}}"/>
        </ion-slide>
    </ion-slide-box>

请再次查看文档中的用法，您将理解。

为什么Ionic幻灯片放映不起作用？

1 个答案: