Question

我有以下input type="number"：

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

我在控制台上记录了ng-model，它给了我一个号码，所以我知道它正在工作。现在我想重复<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-repeat 。

ng-repeat 期待一个数组。

我们说我们有这个代码：

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

然后您必须使用 ng-repeat ，如下所示：

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

您可以在Plunker

中看到它正常工作

Angular ng-repeat不在元素上工作

2 个答案: