Angularjs 如果$scope.val=3,则使用ng repeat运行循环3次
我在应用程序中有一个场景,我必须运行循环 (ng重复)基于参数集的次数。 例如:- 然后运行循环(使用ng repeat)3次Angularjs 如果$scope.val=3,则使用ng repeat运行循环3次,angularjs,angularjs-scope,ng-repeat,Angularjs,Angularjs Scope,Ng Repeat,我在应用程序中有一个场景,我必须运行循环 (ng重复)基于参数集的次数。 例如:- 然后运行循环(使用ng repeat)3次 您可以使用以下方法进行嵌套ng repeat: 在控制器中 var rating = [3]; //u can set it dynamically too {var rating = [req.body.rating]} //erq.body.rating is getting value from text/input box $scope.rating = rat
您可以使用以下方法进行嵌套ng repeat: 在控制器中
var rating = [3];
//u can set it dynamically too {var rating = [req.body.rating]}
//erq.body.rating is getting value from text/input box
$scope.rating = rating;
HTML格式的
<div ng-repeat = i in rating>
<div ng-repeat = ____></div> // this ng-repeat will run based on rating value
</div>
//此ng重复将基于额定值运行
下面将显示控制器中的代码
$scope.rating = 3;
$scope.getRating = function(rate) {
return new Array(rate);
}
下面是你的模板
<div ng-repeat="i in getRating(rating) track by $index">
<input type="text" name="txt" value="{{$index}}"/>
</div>
我认为这是一种更干净、更短的方式
var-app=angular.module('app',[]);
应用程序控制器('Ctrl',函数($scope){
$scope.counter=2;
$scope.generateFields=函数(计数){
返回新数组(计数);
}
});代码>
插入编号以生成字段:
ng repeat可用于项目集合。。你能提供同样的吗。。我们可以把条件像ng一样=$index@NimeshKumar这种情况是这样的,基于一个整数值,我需要生成html输入标记Duplicate of got it。。解决方案已存在@此问题的答案可用@抱歉!!不工作。基于整数值,我必须生成输入字段。如果a=5,则生成5个输入字段。我将整数值设置为$scope.rating,它生成3个文本框。这不是我想要的。基于整数值,我必须生成输入字段。如果a=5,则生成5个输入字段。只需查看更新后的anser并立即运行代码,即可使用给定的输入动态生成输入字段
<div ng-repeat="i in getRating(rating) track by $index">
<input type="text" name="txt" value="{{$index}}"/>
</div>