2017-06-13 65 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>