Показать сообщение отдельно
  #1 (permalink)  
Старый 04.01.2014, 11:56
Аватар для LittlePony
Кандидат Javascript-наук
Отправить личное сообщение для LittlePony Посмотреть профиль Найти все сообщения от LittlePony
 
Регистрация: 19.08.2012
Сообщений: 100

Возможно ли вставить элемент между элементами, создаваемыми ng-repeat?
Добрый день.
Есть задача: получить код примерно такой структуры:

<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 повторяет определённый элемент, а уже что-то делать позволяет только внутри этого элемента.
Возможно ли вообще в шаблоне в цикле ставить разделители между элементами, а не внутри их?
Ответить с цитированием