See this image for further understanding of my question:
I am trying to create dynamic checkbox buttons in rows and columns based on the value provided in object.
{"A":{"seats" : 10},"B":{"seats" : 8}}
-
What have you tried? Please provide some information in your question (not a further comment).colidyre– colidyre2018-10-14 08:16:19 +00:00Commented Oct 14, 2018 at 8:16
-
do you need dynamic buttons? or checkbox?Farinaz– Farinaz2018-10-14 10:07:27 +00:00Commented Oct 14, 2018 at 10:07
-
@Farinaz the buttons should work as checkboxes so that on clicking the buttons i should get the list of buttons selectedargs– args2018-10-14 10:20:24 +00:00Commented Oct 14, 2018 at 10:20
Add a comment
|
1 Answer
At first you have to convert this object to array, like this:
$scope.array = [{ name: "A", seats: 10 }, { name: "B", seats: 8 }];
Then, to transform a number to array declare this below method:
$scope.getNumber = function (num) {
$scope.numbers = [];
for (var i = 1; i < num+1 ; i++) {
$scope.numbers.push(i);
}
return $scope.numbers;
}
Finally you should put ng-repeat in your html.
<div ng-repeat="item in array">
<button type="button" ng-repeat="number in getNumber(item.seats)" ng-click="yourFunction()">
{{item.name}}{{number}}
</button>
</div>
if you have another question, ask me
