Javascript 如何生成重复元素';s属性?
我正在使用外部脚本旋转缩略图()Javascript 如何生成重复元素';s属性?,javascript,html,angularjs,angularjs-ng-repeat,image-rotation,Javascript,Html,Angularjs,Angularjs Ng Repeat,Image Rotation,我正在使用外部脚本旋转缩略图() 如何使用ng repeat执行此操作,以便输出正确的数据图像属性?我应该为此使用自定义指令吗?谢谢。您可以在控制器中创建这样的结构并使用它: $scope.imageData = entry.thumbs.map(function(img){ return img.src; }); 并在html中使用此imageData <div class="thumbs rotation" data-images="imageData"> .... <
如何使用ng repeat执行此操作,以便输出正确的数据图像属性?我应该为此使用自定义指令吗?谢谢。您可以在控制器中创建这样的结构并使用它:
$scope.imageData = entry.thumbs.map(function(img){ return img.src; });
并在html中使用此imageData
<div class="thumbs rotation" data-images="imageData">
....
</div>
也许我忘了添加那个条目。thumbs来自ng repeat(条目中的条目),如果我试图在我的控制器中获取它,我会在控制台中得到“Error:entry is not defined”@RafcioKowalsky-在这种情况下,从模板中调用一个方法。将更新代码解释entry.thumbs结构。你在entry.thumbs中得到什么?每个entry.thumbs[NUMBER]。src是每个entry的图像url。你可以添加代码片段吗?@ManikandanVelayutham hmm什么代码片段?
$scope.imageData = entry.thumbs.map(function(img){ return img.src; });
<div class="thumbs rotation" data-images="imageData">
....
</div>
$scope.getImageArray = function(images){
return images.thumbs.map(function(img){ return img.src; });
};
<div ng-repeat="entry in entries">
<div class="thumbs rotation" data-images="{{getImageArray(entry)}}">
....
</div>
</div>