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

如果还有其他问题，可以问我