javascript - ng-model 与二维数组绑定(bind)

Question

请耐心等待，因为我是 Angular JS 的新手。我的 View 中有一个文本输入框网格，我希望将其映射到 Controller 中的二维数组或 java 脚本中的奇怪等效项。我认为我的代码是

<div ng-repeat="row in [1,2,3,4,5,6,7,8,9]" class="row">
                <div ng-repeat="column in [1,2,3,4,5,6,7,8,9]" class="col-sm-1 no-padding">
                    <input type="text" class="form-control" ng-model="puzzle.board[row][column]" name="cell[]">
                </div>
</div>

我的 Controller 类使用以下代码来初始化拼图对象

    $scope.puzzle = {}; 
    $scope.puzzle.dimensions =9;
    $scope.puzzle.board = [$scope.puzzle.dimensions]
    for(var i=0; i<$scope.puzzle.dimensions; i++) {
            $scope.puzzle.board[i] = [$scope.puzzle.dimensions];
    }

但是，当我在输入字段中输入值并检查控制台中单元格的值时，它仍然显示为未定义 我在这里缺少什么？

Answer 1

尝试:

  $scope.puzzle.board = [];

  for (var i = 0; i < $scope.puzzle.dimensions; i++) {
    $scope.puzzle.board[i] = [];
    for (var j = 0; j < $scope.puzzle.dimensions; j++) {
      $scope.puzzle.board[i][j] = 0;
    }
  }

并从 0 开始编号:

<div ng-repeat="row in [0,1,2,3,4,5,6,7,8]" class="row">
    <div ng-repeat="column in [0,1,2,3,4,5,6,7,8]" class="col-sm-1 no-padding">
        <input type="text" class="form-control" ng-model="puzzle.board[row][column]" name="cell[]">
    </div>
</div>