Question

<carousel interval="myInterval">
    <slide ng-repeat="slide in behaviorDataset track by $index" ng-swipe-right="showPrev()" ng-swipe-left="showNext()">
        <img ng-src="slide.image">
    </slide>
</carousel>

var changeImagelist = function (imageList) {
    $scope.$apply(function () {
        $scope.behaviorDataset = imageList;
    });
}

上面你可以找到我的旋转木马的一些代码。但奇怪的事情发生了。我点击一个按钮然后会出现一个带有此轮播的模态框。但每次我点击按钮时，它应该是其他图像。

第一次它正常工作第二次我打开带有旋转木马的模态框，你看不到任何数据。但是当您使用谷歌浏览器检查代码时，您会看到应该在轮播中可见的图像的源代码。

我该如何解决这个问题？

-----更新-----

我在plunker中做了一些例子你可以看到我的问题。首先，你需要点击我。然后你会看到带有一些物品的旋转木马。然后关闭模态框。并切换图像，然后再次单击我。然后你会看到旋转木马是空的。

http://plnkr.co/edit/YASfl9nF0cxqlytFjjI0?p=preview

Answer 1

在你的控制器中定义一个函数来获取图片并在HTML中使用它

控制器：

$scope.getSlides = function(){
    return $scope.behaviorDataset;
}

你的ng-repeat中的

：

<slide ng-repeat="slide in getSlides() track by $index" ng-swipe-right="showPrev()" ng-swipe-left="showNext()">
    <img ng-src="slide.image">
</slide>

Bootstrap ui旋转木马空

1 个答案: