html - Bootstrap UI旋转木马空

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

上面是我的旋转木马的代码。但是奇怪的事情发生了。我点击一个按钮，然后一个模态框将出现与这个旋转木马。但每次我按一下按钮，通常应该是其他图像。
第一次它工作正常，第二次打开带有旋转木马的模式框，您看不到任何数据。但是当你用google chrome检查代码时，你会看到图像的源代码，这些图像应该可以在carousel中看到。
我怎样才能解决这个问题？
-----更新-----
我在普朗克做了一些例子，你可以看到我的问题。
首先你需要点击点击我。然后你会看到旋转木马和一些物品。然后关闭模式框。然后切换图像并再次单击“单击我”。然后你会看到旋转木马是空的。
http://plnkr.co/edit/YASfl9nF0cxqlytFjjI0?p=preview

最佳答案

在控制器中定义一个函数来获取图片并在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>