如何在AngularJS中重复元素?
我知道我可以使用如何在AngularJS中重复元素?,angularjs,Angularjs,我知道我可以使用ng repeat对集合进行迭代。如何在一个范围内迭代。例如,类似于: <div class='aoeu' ng-repeat='count in range(1,5)'> <div id='{{count}}'></div> </div> Javascript中没有range()函数,但您可以创建一个函数,返回符合您需要的值数组,或者使用JS库实现该效果。我会非常简单地使用: <div class='aoeu' ng
ng repeat
对集合进行迭代。如何在一个范围内迭代。例如,类似于:
<div class='aoeu' ng-repeat='count in range(1,5)'>
<div id='{{count}}'></div>
</div>
Javascript中没有range()函数,但您可以创建一个函数,返回符合您需要的值数组,或者使用JS库实现该效果。我会非常简单地使用:
<div class='aoeu' ng-repeat='count in _.range(1,5)'>
<div id='{{count}}'></div>
</div>
当然,为了能够在angular应用程序(在指令等中)中使用下划线,您需要将其包含在范围中。在项目和主控制器中包含下划线.js,并执行$rootScope.\u=\ u
这样,angular中的任何控制器或指令都可以识别$scope.(引用下划线库),而上面的代码段就可以工作了!(如果您只需要创建任意范围,您可以自己创建范围函数——“make”指的是复制一百万个可用示例中的任何一个。)Javascript中没有range()函数,但您可以创建一个返回适合您需要的值数组的函数,或者使用JS库来实现这种效果。我会非常简单地使用:
<div class='aoeu' ng-repeat='count in _.range(1,5)'>
<div id='{{count}}'></div>
</div>
当然,为了能够在angular应用程序(在指令等中)中使用下划线,您需要将其包含在范围中。在项目和主控制器中包含下划线.js,并执行$rootScope.\u=\ u
这样,angular中的任何控制器或指令都可以识别$scope.(引用下划线库),而上面的代码段就可以工作了!(如果您只需要创建任意范围,您可以自己创建范围函数——“make”指的是复制一百万个可用示例中的任何一个。)下划线似乎是最有表现力的,但您可能想看看这个答案: 它使用过滤器来创建数组。这是我的版本
var App = angular.module('app', []);
App.filter('range', function() {
return function(arr, lower, upper) {
for (var i = lower; i <= upper; i++){
arr.push(i);
}
return arr;
};
});
var-App=angular.module('App',[]);
App.filter('range',function(){
返回功能(arr、下部、上部){
对于(var i=lower;i而言,下划线似乎是最具表现力的,但您可能想看看这个答案:
它使用一个过滤器来创建一个数组
var App = angular.module('app', []);
App.filter('range', function() {
return function(arr, lower, upper) {
for (var i = lower; i <= upper; i++){
arr.push(i);
}
return arr;
};
});
var-App=angular.module('App',[]);
App.filter('range',function(){
返回功能(arr、下部、上部){
对于(var i=lower;i)来说,答案很好……然而,大多数范围函数不都包含它们的上界吗?可能应该使用操作符+
将字符串强制为整数,但这似乎是不必要的,因为这些值已经是整数了。我想了想之后,发现了这一点"等等,为什么有人要输入range:5:10abc
?答案很好……但是,大多数range函数不是都包含了它们的上限吗?可能应该使用操作符+
将字符串强制为整数,但它似乎是不必要的,因为值已经是整数了。我想了想后,就知道了。然后我意识到ed“等等,为什么会有人进入范围:公元前5:10abc
?