AngularJS ng-repeat x次动态

时间:2014-04-23 14:28:47

标签: javascript angularjs angularjs-ng-repeat ng-repeat

序:

enter image description here

                 <input type="tel" ng-model="people" placeholder="6" maxlength="2">
                    </label>
                    <ion-item>
                    {{people}}
                        <i class="ion-man icon-large padding-right" ng-repeat="i in getNumber(people) track by $index"></i>
                    </ion-item>

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

我有一个输入,其中用户可以输入数字。我用ng-repeat跟进了它。目前,ng-repeat似乎并未绑定到people模型。如何绑定人来刷新ng-repeat或者可能在ng-change上再次触发?

为了澄清,ng-repeat代码确实有用 - 这是用people替换3时会发生的情况:

                        <span class="input-label">¿Cuanta gente hay en la mesa?</span>
                        <input type="tel" ng-model="people" placeholder="6" maxlength="2">
                    </label>
                    <ion-item>
                    {{people}}
                        <i class="ion-man icon-large padding-right" ng-repeat="i in getNumber(3) track by $index"></i>
                    </ion-item>

enter image description here

1 个答案:

答案 0 :(得分:1)

new Array(num)是一个字符串时,

num将为您提供一个包含1个元素的数组,其功能与[num]相同

首先需要parseInt字符串,以便有一个数字。

$scope.getNumber = function(num) {
    return new Array(parseInt(num, 10));
};