Добрый день.
Есть задача: получить код примерно такой структуры:
<div class="row">
<div class="col-sm-6 col-md-4">эти</div>
<div class="col-sm-6 col-md-4">блоки</div>
<div class="clearfix visible-sm"></div>
<div class="col-sm-6 col-md-4">могут</div>
<div class="clearfix visible-md"></div>
<div class="col-sm-6 col-md-4">быть</div>
<div class="clearfix visible-sm"></div>
<div class="col-sm-6 col-md-4">разной</div>
<div class="col-sm-6 col-md-4">высоты</div>
</div>
Здесь блоки <div class="col-sm-6 col-md-4"> содержат контент, и их логично создавать при помощи ng-repeat:
<div class="row">
<div class="col-sm-6 col-md-4" ng-repeat="item in content">{{item}}</div>
</div>
При этом блоки с классом clearfix выполняют исключительно оформительскую задачу, контента не содержат, и на уровне шаблона должны внедряться через определённое количество блоков с контентом (через три на десктопах и через два на планшетах). То есть, так я например достигаю нужного результата в django-шаблоне:
Код:
|
<div class="row">
{% for item in content %}
<div class="col-sm-6 col-md-4">{{ item }}</div>
{% if forloop.counter|divisibleby:3 %}
<div class="clearfix visible-md"></div>
{% endif %}
{% if forloop.counter|divisibleby:2 %}
<div class="clearfix visible-sm"></div>
{% endif %}
{% endfor %} |
Сейчас хотелось бы достичь такого же эффекта в шаблоне на ангуляре. Однако ума не приложу, как это сделать. Ведь ng-repeat повторяет определённый элемент, а уже что-то делать позволяет только внутри этого элемента.
Возможно ли вообще в шаблоне в цикле ставить разделители между элементами, а не внутри их?