2016-07-28 6 views
2

配列(行と列を表す)の配列があり、データを含むHTML表をレンダリングする必要があります。ng-repeatを使用してAngularで配列表の配列をレンダリングする

各行は、例えば、カラム値の配列である:$scope.table.row[0] = [123, 456, 789]

これは私の試み(つまり、動作しない)です。何か案は?

<table> 
    <tbody> 
     <tr ng-repeat="row in table"> 
      <td ng-repeat="col in row">{{col}}</td> 
     </tr>  
    </tbody> 
</table> 
+0

ポスト全体データ – Sajeetharan

+0

$ scope.table.row [0] = [123、456、789]。 $ scope.table.row [1] = [111,222,333]; $ scope.table.row [2] = [444,555,777] – ps0604

+0

'$ table'と' table' –

答えて

4

あなたはどちらかがtable.rowを反復や配列自体のtable配列を作成する必要があります。 Demo

<table> 
    <tbody> 
     <tr ng-repeat="row in table.row"> 
      <td ng-repeat="col in row">{{col}}</td> 
     </tr>  
    </tbody> 
</table> 

OR

table = [ [123, 456, 789], [111, 222, 333], [111, 222, 333]] 

<table> 
    <tbody> 
     <tr ng-repeat="row in table"> 
      <td ng-repeat="col in row">{{col}}</td> 
     </tr>  
    </tbody> 
</table> 
関連する問題