Создать динамические кнопки-флажки в angularjs в строках и столбцах

Question

См. Это изображение для дальнейшего понимания моего вопроса:

Я пытаюсь создать динамические кнопки-флажки в строках и столбцах на основе значения, предоставленного в объекте.

{"A":{"seats" : 10},"B":{"seats" : 8}}

Answer 1

Сначала вам нужно преобразовать этот объект в массив, например:

  $scope.array = [{ name: "A", seats: 10 }, { name: "B", seats: 8 }];

Затем, чтобы преобразовать число в массив, объявите следующий метод:

$scope.getNumber = function (num) {
    $scope.numbers = [];
    for (var i = 1; i < num+1 ; i++) {
        $scope.numbers.push(i);
    }
    return $scope.numbers;
}

Наконец, выследует добавить ng-repeat в ваш 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>

, если у вас есть другой вопрос, задайте мне