Есть переменная. В ней число от 0 до 5. Необходимо вывести <div class="mark"></div>
указанное количество раз. Как это реализовать в angularjs?
Моя лучшая идея(псевдокод):
В контроллере:
$scope.number = 4;
$scope.out ={};
for(var i = 0; i<$scope.number; i++)
{
$scope.out = $scope.out + '<div class='mark'></div>';
}
В шаблоне:
<span ng-repeat-start="item in $scope.out">
{{ item }}
</span>
Но есть ощущение какой-то, ну знаете, дичи от того как это выглядит. Как это должно быть в более разумном варианте?
P.S.: суть задачи выводить количество звездочек в профиле пользователя.
еще одна мысль:
<div ng-controller="myAppConroller as controller">
<div ng-repeat="item in controller.items | limitTo:$scope.number">
<span>{{item}}</span>
</div>
</div>
items
должен содержать 5 <div>
( максимально возможное количество по условию задачи). Выглядит уже лучше, но я еще не доволен.
limitTo
?limitTo
звучит неплохо, но может быть есть что-то лучше?