迭代二維數組在我的js聲明角JS

Question

我有以下陣列文件

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> 

或者您可以拼合你二維數組到一個新的數組，並使用一個ng-repeat

Answer 2

獲取嵌套NG-重複到深遍歷您的數組像這樣：

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