2017-06-13 66 views
0

我有一個對象,它看起來是這樣的:打印使用數組對象AngularJS

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

我試圖做的是打印表,每個的每個元素數組放在新行中。我遇到的這個問題是如何獲取內容而不重複整個divtableng-repeat

例子:

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

這是給我一個新的表中的每個key.我只是一個表,一排每個數組元素。任何方式來做到這一點角度或做我需要使用JavaScript?

回答

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>