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

Question

我正在使用 ng-repeat 在幻灯片框中显示不同幻灯片中的数据。我没有得到一个包含三张不同幻灯片的幻灯片，而是得到了三个垂直的幻灯片。我试过将 ng-repeat="prize in event.prizes" 移到 DOM 的下方，但仍然不起作用。

有没有其他方法可以让一个幻灯片框包含不同的幻灯片，其中包含来自 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

How to use ng-repeat in a slider using Ionic

slide

angularjs

ionic-framework