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

如果您还有其他问题，请问我