2013-05-03 6 views
0

как добавить код в уже существующий контейнер <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 

и так далее .. ?

заблаговременно.

+0

вопрос непонятный пожалуйста, объясните подробнее –

+0

@Ajaybeniwal, при загрузке первой страницы шаблон визуализируется в контейнере ng-view, есть ссылка «загрузить больше», нажав на загрузку большего количества данных через ajax. По умолчанию данные заменяются внутри ng-view, мне нужно добавить, а не заменять. – Cassius

+0

@Cassius вам нужно будет предоставить ваш js-код. Из вашего комментария я бы сказал, что ваши директивы/ng-view настроены неправильно. Потому что нет такой вещи, как * По умолчанию данные заменяются внутри ng-view *, за исключением изменений маршрута. – Yoshi

ответ

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> 

Таким образом, когда сервер загружает следующие элементы даты, просто добавьте то же самое Накладные массив.

+0

Святая корова, это сработало! Спасибо, @ user2104976. – Cassius

Смежные вопросы