AngularJS - 使用for循环生成数组

我有一个非常简单的图像库，其中每个文件从001到235的顺序编号，扩展名为.jpg。AngularJS - 使用for循环生成数组

我怎样才能循环通过001至235，而不必重复我的阵列235次？

AngularJS代码：

(function(){ 
var app = angular.module('gallery', [ ]); 

app.controller('controllerGallery', function(){ 
    this.images = photos; 
}); 

var photos = [ 
    { 
     thumb: '001' 
    }, 
    { 
     thumb: '002' 
    }, 
    { 
     thumb: '003' 
    }, 
]; 
})();

HTML代码：

<html lang="en" ng-app="gallery"> 

<body ng-controller="controllerGallery as gallery"> 

<div class="container"> 
    <div class="thumb" ng-repeat="image in gallery.images"> 
     <a class="thumbnail" href="#"><img ng-src="/img/thumbs/{{image.thumb}}.jpg" /></a> 
    </div> 
</div>

来源

2015-10-26 Eli Peters

喜欢这个？ http://jsfiddle.net/rf6p7quk/ – tymeJV

就自动创建数组：

var photos = []; 
for (var i = 1; i <= 235; i++) { 
    photos.push({ thumb: padLeft(i, 3) }); 
} 

// utility function 
function padLeft (num, length) { 
    num = num.toString(); 
    while (num.length < length) { 
     num = '0' + num; 
    } 
    return num; 
}

来源

2015-10-26 13:41:50 poke

完美！正是我在找什么。非常感谢。 –

AngularJS - 使用for循环生成数组

回答

相关问题