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將模板互相追加

回答

相關問題