Angularjs，如何使用ng-repeat范围5到10

7 浏览
0 Comments

Angularjs，如何使用ng-repeat范围5到10

我使用以下代码来循环数字：

这样可以成功，但是我如何使用ng-repeat来获取这样的结果（从5到10）？

0

1 答案

0 Comments

问题的出现原因是ng-repeat中使用了range过滤器，但是该过滤器未被定义。解决方法是创建一个range过滤器，并在ng-repeat中使用该过滤器。

以下是解决问题的具体步骤：

1. 首先，在AngularJS应用的主模块中定义一个名为range的过滤器。过滤器的作用是生成一个指定范围的数组。

angular.module('myApp', [])
.filter('range', function() {
  return function(input, total) {
    total = parseInt(total);
    for (var i=0; i



2. 在ng-repeat中使用range过滤器来生成一个范围为5到10的数组，并将数组的值绑定到select的option元素上。




<select>
  <option ng-repeat="n in [] | range:6" value="{{$index+5}}">{{$index+5}}</option>
</select>





通过以上步骤，即可解决该问题，并正确使用ng-repeat来生成范围为5到10的select选项。
0