Angularjs将模板互相追加

如何将代码追加到已存在的<div ng-view>容器中。Angularjs将模板互相追加

像我有下面的代码模板：

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

然后通过AJAX加载我们下一个日期项目等on..so如何使模板在末尾;不能互相替代和看起来像：

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

等等.. ？

谢谢你提前。

来源

2013-05-03 Cassius

问题不明确请解释更多详细信息 – 2013-05-03 09:45:22

@Ajaybeniwal，在第一页加载模板在ng-view容器中呈现时，有一个链接'load more'，点击通过ajax加载更多数据。默认情况下，数据在ng-view中被替换，我需要追加，而不是替换。 – Cassius 2013-05-03 10:10:25

@Cassius你将不得不提供你的js代码。从你的评论我会说你有你的指令/ ng-view没有正确设置。因为不存在*默认情况下，数据在ng-view *内被替换，路由更改除外。 – Yoshi 2013-05-03 10:38:57

您需要按照以下步骤创建一个父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>

因此，当您的服务器加载下一个日期的物品，只需添加相同的发票阵列。

来源

2013-05-03 10:28:03 callmekatootie

圣牛，这工作！谢谢@ user2104976。 – Cassius 2013-05-03 12:33:15

Angularjs将模板互相追加

回答

相关问题