Estou usando o Angular com Admin LTE. Preciso fazer um ng-repeat
onde as li
dentro de uma ul
vão se repetir. Não posso repetir a ul
, mas apenas as li
dentro desse ul
. Também não posso englobar essas li
com um elemento pai para fazer o laço de repetição com ng-repeat
, pois isso está quebrando o estilo, uma vez que o seletor do css está capturando ul.timeline > li
.
O meu código está assim, e as linhas comentadas indicam onde preciso iniciar e terminal o ngRepeat
:
<ul class="timeline" >
<!-- [ngRepeat status in os.status] precido repetir daqui -->
<li class="time-label">
<span class="bg-blue" ng-bind="status.nome"></span>
</li>
<li>
<i class="fa fa-check bg-green"></i>
<div class="timeline-item">
<h3 class="timeline-header">
Responsável: <strong ng-bind="status.pivot.usuario.nome"></strong>
</h3>
<div class="timeline-body">
<strong ng-bind="status.pivot.usuario.nome" /> realizou <span ng-bind="status.nome" /> em <strong ng-bind="status.pivot.data_inicio" />.
</div>
</div>
</li>
<!-- [endNgRepeat] até aqui -->
<li>
<i class="fa fa-clock-o bg-gray"></i>
</li>
</ul>
Não posso usar um elemento englobando as li
que quero repetir, mas preciso que elas se repitam dentro do trecho comentando. Como fazer isso?
ng-repeat
com os dois elementosli
?ng-repeat
comece onde está comentado[ngRepeat status in os.status]
e termine onde está comentado[endNgRepeat]
. Porém não posso "englobar" com um elemento, para usar ng-repeat, pois os elementos tirariam a formatação do css.