我有一个包含另一个arraylist的Json arraylist。我需要遍历这两个数组列表并在表中显示记录。

到目前为止,这是我尝试过的。

我尝试在同一tr中使用两个ng-repeats,但是没有用

    <tr class="ng-scope"
    ng-repeat="msgcounts in pastdata"  ng-repeat="past in msgcounts.arrayList_Jsons"  >


    <td class="numeric">{{ 1}}</td>
    <td class="numeric">{{ past.aggregator}}</td>
    <td class="numeric">{{past.loadedCount}}</td>
    <td class="numeric">{{past.sentCount}}</td>
    <td>{{past.sentCount}}</td>
    <td >{{past.failedCount}}</td>
    <td class="numeric">{{past.replyCount}}</td>                                                                                                       <td class="numeric">{{msgcounts.date}}</td>

</tr>


我尝试在tr标签中创建一个div

<tr class="ng-scope"
        ng-repeat="msgcounts in pastdata">
        <div   ng-repeat="past in msgcounts.arrayList_Jsons"  >

        <td class="numeric">{{ 1}}</td>
        <td class="numeric">{{ past.aggregator}}</td>
        <td class="numeric">{{past.loadedCount}}</td>
        <td class="numeric">{{past.sentCount}}</td>
        <td>{{past.sentCount}}</td>
        <td >{{past.failedCount}}</td>
        <td class="numeric">{{past.replyCount}}</td>

</div>

       <td class="numeric">{{msgcounts.date}}</td>
<tr>


这是示例数据:

{
[
{date1,[{1,1,1,1},{2,2,2,2}]},
{date2,[{1,1,1,1},{2,2,2,2}]},
{date3,[{1,1,1,1},{2,2,2,2}]},
]
}


请建议我在这种情况下可以做什么。

HTML应该看起来像这样
javascript - 在angularjs中使用ng-repeat遍历arraylist的arraylist-LMLPHP

最佳答案

您不能在一个元素上设置两个ng-repeats

div不能是tr的直接子代。

您可以使用另一个tbody标签来解决此问题:

<tbody ng-repeat="msgcounts in pastdata">
    <tr ng-repeat="past in msgcounts.arrayList_Jsons">
        <td class="numeric">{{1}}</td>
        <td class="numeric">{{ past.aggregator}}</td>
        <td class="numeric">{{past.loadedCount}}</td>
        <td class="numeric">{{past.sentCount}}</td>
        <td>{{past.sentCount}}</td>
        <td>{{past.failedCount}}</td>
        <td class="numeric">{{past.replyCount}}</td>
        <td class="numeric">{{msgcounts.date}}</td>
    </tr>
</tbody>

10-07 22:04
查看更多