javascript - 在 Angular js中迭代二维数组

Question

我的 js 文件中声明了以下数组

var myApp = angular.module('myApp',[]);
function MyCtrl($scope) {
    $scope.name = 'Superhero';
    $scope.tempArr = [
      ["block A1", "block B1", "block C1"],
      ["block A2", "block B2", "block C2"]
    ];
}

现在在 Angular 中我想迭代这个数组并打印结果，例如

block A1 block B1 block C1
block A2 block B2 block C2

我曾经使用以下方式打印:

<div ng-controller="MyCtrl">
 <div>
  <div ng-repeat="row in tempArr">
      <input type="text" value="{{row[$index]}}">
      <input type="text" value="{{row[$index+1]}}">
      <input type="text" value="{{row[$index+2]}}">
  </div>
 </div>
</div>

但它不打印 block A2。我该如何解决这个问题？

Answer 1

像这样嵌套你的ng-repeat

<div ng-repeat="row in data">
    <div ng-repeat="col in row">
        // do stuff here
    </div>
</div>

或者您可以将二维数组展平为一个新数组并使用一个 ng-repeat