Angularjs相互附加模板

Question

如何将代码附加到现有的<div ng-view>容器。

就像我有以下代码的模板一样：

<p>{{date}}</p>
<div ng-repeat='i in items'>
    <span>{{i.created}}</span>
    <span>{{i.order}}</span>
    <span>{{i.customer}}</span>
</div>

然后通过ajax我们加载下一个日期项目等等。所以如何使模板最终追加，而不是互相替换，看起来像：

2013-05-03

created
order
customer

created
order
customer

created
order
customer

2013-05-04

created
order
customer

2013-05-05

created
order
customer

created
order
customer

等等.. ？

提前谢谢。

Answer 1

您需要按如下方式创建父ng-repeat：

<div ng-repeat="entry in invoices">
    <p>{{entry.date}}</p>
    <div ng-repeat='i in entry.items'>
        <span>{{i.created}}</span>
        <span>{{i.order}}</span>
        <span>{{i.customer}}</span>
    </div>
</div>

因此，当您的服务器加载下一个日期项时，只需将其添加到发票数组即可。