2015-08-19 4 views
0

Возможно ли иметь более одного ng-повтора на одном и том же элементе (то есть не вложенном)?Несколько ng-повторов на одном и том же элементе

Как так:

<section ng-repeat="clusterA in foo.barA.clusters" ng-repeat="clusterB in foo.barB.clusters"> 

Я хочу использовать ng-if для отображения clusterA и clusterB в той же строке, если они имеют такое же имя. Концептуально это выглядело бы как this fiddle.

+0

Что происходит, когда вы пытаетесь что? – tymeJV

+0

Он отображает только '{{clusterA.name}}', а не '{{clusterB.name}}', но он по-прежнему отображает статические данные HTML, связанные с clusterB. Я еще не реализовал 'ng-if' ... просто пытаюсь увидеть, можно ли иметь несколько n'ng-повторов на одном элементе. – UltraSonja

+0

Вы не можете дублировать атрибуты, которые нахмурились в XML. – Vince

ответ

1

Вы можете ng-repeat over clusterA и использовать $ index для проверки той же записи в clusterB.

Что-то вроде:

<section ng-repeat="clusterA in foo.barA.clusters"> 
    <span class="col-md-6">clusterA</span> 
    <span ng-if="clusterA == foo.barB.clusters[$index]" class="col-md-6">foo.barB.clusters[$index]</span> 
</section> 
+0

Я сделал это в нескольких местах, и он работает хорошо. – Vince

+0

Хорошее предложение. К сожалению, это не сработает, поскольку «кластеры» - это объект. Я поменяю его на массив, чтобы убедиться, что он работает. – UltraSonja

+0

Да, я думаю, что это должен был быть массив .. любая удача? – keithm

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