在角度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"]
    ];
}

现在在角度我想迭代这个数组并打印结果如

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>

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

Answer 1

将您的ng-repeat嵌套为

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

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

Answer 2

获取嵌套的ng-repeats以深入遍历您的数组：

<div ng-repeat="row in tempArr">
    <div ng-repeat="col in row">
        <input type="text" value="{{col}}">
    </div>
</div>