2015-04-28 81 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