angularjs - ng-model 作为二维数组中的变量

Question

  <p ng-repeat="row in matrix">
    <span ng-repeat="column in row">
      <input type="text" style="width: 20px; text-align: center;" ng-model="column" ng-change="{{column = }}">
    </span>
  </p>

在我的 Controller 上:

$scope.matrix = [[0, 0, 0], [0, 0, 0], [0, 0, 0]];

我有一小段代码，我希望那个小文本输入框与 matrix[i][u] 相关联.我知道我可以使用 ng-model=使文本框与某个变量相关联。

但是，我希望它是双向的 - 更改变量将更改文本框值，更改文本框值将更改变量。但是，当我有 ng-model在输入文本框中，我似乎无法编辑它的值，因为它总是“重置”为默认值。

我知道我可以使用 ng-change但我做了中间线:

<input type="text" style="width: 20px; text-align: center;" ng-model="column" ng-change="update">

调用 $scope.update() 函数也没有用。我也仍然无法编辑文本框值。

tl;dr:我怎么能有一个带有 ng-model 的文本框？并允许编辑它以编辑文本框值和 ng-model 上的变量。

Answer 1

以这种方式使用它:

<input type="text" ng-model="matrix[$index][$parent.$index]" style="width: 20px; text-align: center;" />

示例: http://jsfiddle.net/cherniv/hcLVE/

它不是很优雅，但它正在工作..