AngularJS ng-repeat x次动态

Question

Preface:

                 <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);
}

I have an input wherein the user can type in a number. I follow it up with an ng-repeat. Currently the ng-repeat doesn't seem to be bound to the people model. How can I bind people to refresh the ng-repeat or perhaps trigger it again on ng-change?

To clarify, the ng-repeat code does work --- here is what happens when I replace people with 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>

Answer 1

new Array(num) when num is a string will give you an array with 1 element and is functionally the same as [num]

You need to parseInt the string first so that you have a number.

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