javascript - AngularJS 中的二维数组 $Index

Question

我正在开发一个 AngularJS 应用程序，该应用程序根据 ng-repeat 函数构建的二维数组构建电子表格。我目前正在编写一个函数，当用户在电子表格中输入新值时，该函数将更改数组的初始值。这需要我根据其行索引和列索引访问初始数组中的点，以便将其更改为新值。

我查看了 ng-repeat API并发现它有一个 $index 属性，可以让我检查当前重复值的索引。但是，我发现它只会让我检查您所在的任何重复循环的值的索引——没有其他您可能也在其中的外部循环。

<script>

    data = [
            [A1, B1, C1],
            [A2, B2, C2],
            [A3, B3, C3]
           ]

    sheet= function($scope, $parse){
    $scope.columns = [colA, colB, colC];
    $scope.rows = data.length;
    $scope.cells = {};
    $scope.outer = data.map(function(c,row){
        return c.map(function(data, ind){
            return {
                content: data,
                model: null,
            };
        });
    });
    };
</script>


<div ng-app ng-controller="sheet">
    <table>
        <tr class="column-label">
            <td ng-repeat="column in columns">{{column}}</td>
        <tr ng-repeat="inner in outer">
            <td class="row-label" ng-repeat="data in inner">
                <div>
                    <input type="text" ng-model="data.content" value="{{data.content}}">
                </div>
            </td>
        </tr>
    </table>
</div>

我想在 inner 循环中访问 outer 的 $index，并且还能够访问 $ inner 的索引。有没有办法做到这一点？我计划将这些值作为参数传递给我正在编写的函数。

Answer 1

哈哈，好吧，当我整理我的 fiddle 时，它在评论中得到了回答，但这里有一个演示，供人们在路上发现这个问题:

http://jsfiddle.net/5s6z1dfc/2/

<div ng-controller="MyCtrl">
  <table>
      <tr ng-repeat="row in data">
         <td ng-repeat="cell in row">
             {{cell}} ({{$index}},{{$parent.$index}})
          </td>
      </tr>
    </table>
</div>