if $ scope.val = 3, затем запустить цикл в 3 раза, используя ng-repeat

Question

У меня есть сценарий в приложении, где мне нужно запустить цикл (ng-repeat), не раз на основе параметра задавать. Для примера: -

$scope.rating = 3; 

затем запустить цикл (с использованием нг-повтор) в 3 раза.

Answer 1

Ниже будет код в ваш контроллер ..

$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> 

Answer 2

Вы можете сделать это с помощью вложенной нг-повтора, используя так:

В контроллере

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> 

Answer 3

Я думаю, что это чище и короче путь

var app = angular.module('app', []); 
 
    
 
    app.controller('Ctrl', function($scope) { 
 

 
     $scope.counter = 2; 
 
     $scope.generateFields = function(count) { 
 
     return new Array(count); 
 
     } 
 
     
 

 
    });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="app" ng-controller="Ctrl"> 
 
    
 
    Insert Number To Generate Fields: 
 
    <input type='number' ng-model='counter'/> 
 
    <hr> 
 
    <div ng-repeat="i in generateFields(counter) track by $index"> 
 
    <input type="text" name="txt" value="Input Field {{$index}}"/> 
 
</div> 
 
</div>