小编Kas*_*ars的帖子

我使用AngularJS创建了一个幻灯片应用程序,它使用由特定标签过滤的Instagram照片.这是演示和GitHub回购.

根据AngularJS的原理,循环这些图像的最有效方法是什么？

目前我使用a $timeout将第一个元素移动到images数组底部并与CSS结合使用,除了第一个之外,它隐藏了所有其他图像:

$scope.images = [
    'image-001.jpg',
    'image-002.jpg',
    'image-003.jpg'
];

$timeout( function advanceSlide() {
    $scope.images.push( $scope.images.shift() );
    $timeout( advanceSlide, 6000 );
);

演示:http://jsfiddle.net/YruT6/1/

另一个选择是遍历photos对象并应用一个active类,如此处所示.这会减少资源密集吗？