ng-repeat而不声明对象数组

时间:2016-10-26 14:35:24

标签: javascript angularjs

<div ng-init="num_cover_photo:new Array(4)">
              <div ng-repeat="photo in num_cover_photo">
                <img ng-src="cover_"{{$index}} />
              </div>
</div>

我知道上面的代码不起作用,但那是我的想法。我不想宣布像这样的东西

$scope.cover_photo = [{
bla
bla
}]

因为我想要的很简单,能够使用ng-repeat来构建几个标记块。我会谷歌,但很多人建议我在控制器中创建一个哑对象数组。有什么线索我可以动态地启动它吗?

3 个答案:

答案 0 :(得分:1)

如果您只想创建几个标记块,则可以在ng-repeat中执行简单的for循环

像这样:

<div data-ng-repeat="i in [1,2,3,4,5]">
   do something
</div>

创建5个区块。

答案 1 :(得分:0)

我可能会建议使用您想要使用的数字初始化数组,然后在ng-repeat中引用它们而不是使用$ index

<div ng-init="num_cover_photo=[1, 2, 3, 4]">
    <div ng-repeat="photo in num_cover_photo">
        <img ng-src="cover_{{photo}}" />
    </div>
</div>

答案 2 :(得分:0)

也许对你有帮助;

<div ng-repeat="i in Num(4) track by $index">
    <img ng-src="cover_"{{$index}} />
</div>

$scope.Num = function(num) {
    return new Array(num);   
}