javascript - 如何在对象数组中使用 ng-repeat？

Question

你有什么想法吗？

我尝试使用 ng-repeat 创建一个数组，如下所示:

jsfiddle example

function MyCtrl($scope) {
    $scope.items = 
        [
         {'adam1': [{id:10, content:test1}, {id:11, content:test2},          
                    {id:12, content:test3}]}, 
         {'adam2': [{id:20, content:test4}, {id:21, content:test5},          
                    {id:30, content:test6}]}, 
         {'adam1': [{id:10, content:xxx}]}
         ];
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular.min.js"></script>
<div ng-app ng-controller="MyCtrl">
    <ul>
        <li ng-repeat="(key, value) in items">{{key}}: {{value.content}}</li>
    </ul>
</div>

Answer 1

一种方法( fiddle ):

<div ng-repeat="item in items">
    <ul ng-repeat="(key, value) in item">
        <li ng-repeat="obj in value">{{obj.content}}</li>
    </ul>
</div>

也就是说，您可能需要重新排列结构以避免嵌套 ng-repeat。