2015-04-28 79 views
3
<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; 
    }); 
} 

在上面,您可以在上面找到我的传送带的一些代码。但是发生了一些奇怪的事我点击一个按钮,然后一个模式框会出现在这个旋转木马上。但每次我点击按钮通常它应该是其他图像。Bootstrap UI传送带空

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

我该如何解决这个问题?

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

我在做一些plunker例如在这里你可以看到,我有问题。 首先你需要点击点击我。然后你会看到带有一些物品的旋转木马。然后关闭模式框。并切换图像,然后再点击点击我。然后你会看到传送带是空的。

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

回答

0
在控制器

定义一个函数来获取图片,并使用在HTML

控制器:

$scope.getSlides = function(){ 
    return $scope.behaviorDataset; 
} 
在NG-重复

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

这对我不起作用。这是第一次打开模式框,我看到我的图像。第二次他们走了,但ng-repeat做了他的工作,我想旋转木马指令中的一个错误 – NoiZeR