如何从控制器将变量设置为ng-repeat?

时间:2016-03-17 13:58:33

标签: angularjs angularjs-ng-repeat angularjs-controller

我的控制器中有这个变量:

$scope.numeroDescontos = 5;

我有一个迭代变量的按钮,我想用它构建一个'ng-repeat'。

最好的方法是什么?

2 个答案:

答案 0 :(得分:2)

好吧,ngRepeat适用于数组 - 所以你可以拥有一个函数来获取那个数字并返回一个长度的数组 - 然后重复一遍:

$scope.makeArray = function(num) {
    var arr = [];
    for (var i = 0; i < num; i++) {
        arr.push(i);
    }

    return arr;
}

然后HTML:

<div ng-repeat="num in makeArray(numeroDescontos)">Row {{num + 1}}</div>

答案 1 :(得分:0)

为什么不使用Angular的内置limitTo过滤器?此过滤器创建一个仅包含指定数量元素的新数组或字符串。

你可以像这样使用它:

<div ng-repeat="item in items | limitTo: numberOfElements">