Html 引导ui旋转木马为空 var changeMageList=函数(imageList){ $scope.$apply(函数(){ $scope.behaviorDataset=imageList; }); }

Html 引导ui旋转木马为空 var changeMageList=函数(imageList){ $scope.$apply(函数(){ $scope.behaviorDataset=imageList; }); },html,angularjs,angular-ui,angular-ui-bootstrap,Html,Angularjs,Angular Ui,Angular Ui Bootstrap,在上面你可以找到我的旋转木马的代码。但奇怪的事情发生了。我点击一个按钮,然后一个模式框将与这个旋转木马一起出现。但每次我点击按钮时,通常应该是其他图像 第一次它工作正常,第二次我打开带旋转木马的模态框,你看不到任何数据。但是当你用谷歌chrome检查代码时,你会看到应该在旋转木马中可见的图像的源代码 我如何解决这个问题 -----更新----- 我在plunker中做了一些例子,你可以看到我的问题。 首先你需要点击点击我。然后您将看到带有一些项目的旋转木马。然后关闭模式框。然后切换图像并再次单击

在上面你可以找到我的旋转木马的代码。但奇怪的事情发生了。我点击一个按钮,然后一个模式框将与这个旋转木马一起出现。但每次我点击按钮时,通常应该是其他图像

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

我如何解决这个问题

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

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


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

控制器:

<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;
    });
}
在你的谈话中,重复:

$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>