离子滑动盒不适用于 ng repeat

Question

<ion-slide-box>
                  <ion-slide ng-repeat="item in data.slides">

                    </ion-slide>
 </ion-slide-box>

控制器：

 $rootScope.data = {};
    $rootScope.data.slides = [
        {
            title : "Slide 1",
            data  : "Slide 1 Content",
            active: true
        },
        {
            title : "Slide 2",
            data  : "Slide 2 Content",
            active: true
        },
        {
            title : "Slide 3",
            data  : "Slide 3 Content",
            active: true
        }
    ];
$ionicSlideBoxDelegate.update();

但滑动框不起作用，我已添加$ionicSlideBoxDelegate.update();

也一样，但它不起作用。我该如何解决这个问题？

Answer 1

我认为您正在使用 Angular js ... 我有同样的问题，这样你就可以解决它......

在您的 javascript 代码中：

function slidescontroller($rootScope)
{
$rootScope.data = {};
    $rootScope.data.slides = [
        {
            title : "Slide 1",
            data  : "Slide 1 Content",
            active: true
        },
        {
            title : "Slide 2",
            data  : "Slide 2 Content",
            active: true
        },
        {
            title : "Slide 3",
            data  : "Slide 3 Content",
            active: true
        }
    ];
$ionicSlideBoxDelegate.update();
}

好的，现在你已经有了一个控制器......然后在你的 html 中

<div ng-app="" ng-controller="slidescontroller">
<ion-slide-box>
                  <ion-slide ng-repeat="item in data.slides">

                    </ion-slide>
 </ion-slide-box>
  </div>

您的部门标签应该具有名为“ng-app”的属性，这一点非常重要 祝你好运！