AngularJS For循环与数字和范围

发布时间：2020-12-17 09:24:33 所属栏目：安全来源：网络整理

导读：Angular确实为使用HTML指令中的数字的for循环提供了一些支持： div data-ng-repeat="i in [1,2,3,4,5]" do something/div 但是如果您的作用域变量包含具有动态数字的范围，那么您将需要每次创建一个空数组。在控制器中 var range = [];for(var i=0;itotal;i

Angular确实为使用HTML指令中的数字的for循环提供了一些支持：

<div data-ng-repeat="i in [1,2,3,4,5]">
  do something
</div>

但是如果您的作用域变量包含具有动态数字的范围，那么您将需要每次创建一个空数组。

在控制器中

var range = [];
for(var i=0;i<total;i++) {
  range.push(i);
}
$scope.range = range;

在HTML中

<div data-ng-repeat="i in range">
  do something
</div>

这个工作，但是没有必要，因为我们不会在循环中使用range数组。有人知道设置一个范围或定期的最小/最大值吗？

就像是：

<div data-ng-repeat="i in 1 .. 100">
  do something
</div>

我调整了 this answer有点，并提出了 this fiddle。

过滤器定义为：

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

    for (var i=0; i<total; i++) {
      input.push(i);
    }

    return input;
  };
});

与重复使用像这样：

<div ng-repeat="n in [] | range:100">
  do something
</div>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!