2017-06-13 11 views
0

をAngularJS:私は何をしようとしているプリントテーブルは、私は次のようになりますオブジェクト持っ

{ 
 
    item1: [element1, element2], 
 
    item2: [element1, element2], 
 
    item3: [element1, element2], 
 
    item4: [element1, element2] 
 
}

をそれぞれの各要素を持つテーブルを印刷します配列を新しい行に追加します。この問題は、divまたはtableの全部をng-repeatと繰り返さずに内容を取得する方法です。

例:各配列要素の行で各key.私はただ一つのテーブルのために私に新しいテーブルを与えている

<table ng-repeat="(key, value) in accounts"> 
 
    <tr ng-repeat="element in value"> 
 
    <td>{{element}}</td> 
 
    </tr> 
 
</table>

。どのような角度でこれを行うには、または私はJavaScriptを使用する必要がありますか?

答えて

1

おそらく、そのアレイの上に繰り返し、その後、1列にあなたの要素をマッシュアップすることが容易になるだろう:

$scope.elements = Object.keys($scope.accounts).reduce(function(arr, key) { 
    return arr.concat($scope.accounts[key]) 
}, []); 

そしてHTML:

<table> 
    <tr ng-repeat="element in elements"> 
     <td>{{element}}</td> 
    </tr> 

関連する問題