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