AngularJS For循环与数字和范围

前端之家收集整理的这篇文章主要介绍了AngularJS For循环与数字和范围前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
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>
原文链接:https://www.f2er.com/angularjs/147578.html

猜你在找的Angularjs相关文章