Angular ng-repeat在未定义的数组上



我需要在行中显示x次,但是Angular中没有do(x times),我也不想在我的控制器中使用其他功能。

知道

?Array.from({length:5})
(5) [undefined, undefined, undefined, undefined, undefined]

是否可以在不向控制器中添加其他函数或过滤器(根本不使用控制器(的情况下使以下代码工作。

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js">
</script>
<div ng-app>
[1,2] - OK:
<div ng-repeat="x in [1,2]">
> {{x}}
</div>
Array.from({length:5}) - NOK:
<div ng-repeat="x in Array.from({length:5})">
> {{x}}
</div>
</div>

附言

我不想显示数字,我只需要显示 5>

.PPS。

实际需要:我需要显示分页表的最后一页,有"可用行数"和"项目每页",所以我需要用空行完成,以显示"标准高度":

<div ng-repeat="x in Array.from({length:itemsPerPage-itemsPerPage%availableRowsNumber})">
<tr></tr>
</div>

您可以使用.constructor

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js">
</script>
<div ng-app>
<div ng-repeat="x in [].constructor(5) track by $index">
<span>something that you want to display</span>
</div>
</div>

你可以像Mike提到的那样使用ng-if:

<div ng-repeat="item in items track by $index" ng-if="$index < 5">
</div>

您也可以使用 limitTo:

<div ng-repeat="item in items | limitTo: 5 track by $index">
</div>

最新更新