角NG-重複工作不元素

Question

上我有以下input type="number"：

<input type="number" 
ng-model="question.numberOfLines" min="1" max="5" /> 

我登錄控制檯上的NG-模型，它給了我一個號碼，所以我知道它的工作。現在我想重複一個<hr />元素的次數等於我之前提到的變量，但它不起作用。這是我想要做的：

<hr class="question-line" ng-repeat="lines in question.numberOfLines" /> 

任何想法我做錯了什麼？

Answer 1

您只能使用ng-repeat的集合。您正嘗試使用整數。

文檔：https://docs.angularjs.org/api/ng/directive/ngRepeat

在這種情況下，您可以創建一個new Array(number)和遍歷這個。

裏面你控制器：

$scope.myArrayNumber = new Array($scope.question.numberOfLines); 

而且你查看內：

<hr class="question-line" ng-repeat="lines in myArrayNumber " /> 

Answer 2

您沒有使用NG-重複正確。

ng-repeat正在等待一個數組。

比方說，我們有這樣的代碼：

angular.module('app',[]) 
.controller('sample', ['$scope', function($scope) { 
    $scope.question = { 
    lines: [1,2,3], 
    numberOfLines: 3, 
    }; 
}]); 

則必須使用NG-重複如下：

<hr class="question-line" ng-repeat="line in question.lines" /> 

你可以看到它在Plunker