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

我认为您正在使用角度js ... 我有同样的问题，这样你就可以修复它......

在您的javascript代码中：

＆＃13;

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();
}

＆＃13;

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

＆＃13;

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

＆＃13;

非常重要的是，您的分区标记应具有名为＆＃34; ng-app＆＃34;的属性。祝你好运！

离子滑动盒不能与ng重复使用

1 个答案: