Question

我正在使用ng-repeat在幻灯片中的不同幻灯片中显示数据。我没有获得带有三个不同幻灯片的幻灯片，而是垂直获得三个幻灯片。我尝试在DOM中移动ng-repeat="prize in event.prizes"更低但仍然无效。

有没有其他方法可以让一个幻灯片包含不同的幻灯片，其中包含来自ng-repeat的数据？

<ion-slide-box ng-repeat="prize in event.prizes">
  <ion-slide>
     <div class="item item-thumbnail-left">
     <h4 class=" pull-right">{{prize.name}}</h4>
     <p class="pull-right" ng-bind-html="prize.description"></p>
       </div>
  </ion-slide>

Answer 1

目前，您的ng-repeat适用于幻灯片框而不是幻灯片本身。将ng-repeat移至<ion-slide>元素：

<ion-slide-box>
    <ion-slide ng-repeat="prize in event.prizes">
        <div class="item item-thumbnail-left">
            <h4 class=" pull-right">{{prize.name}}</h4>
            <p class="pull-right" ng-bind-html="prize.description"></p>
       </div>
    </ion-slide>
</ion-slide-box>

似乎有效：http://jsfiddle.net/tt4w76sg/2/

如何在使用Ionic的滑块中使用ng-repeat

1 个答案: