Eu estou usando o angular.js e (por uma questão de argumento) bootstrap. Agora preciso iterar em "coisas" e exibi-las em "linhas":

<div class="row">
  <div class="span4">...</div>
  <div class="span4">...</div>
  <div class="span4">...</div>
</div>
<div class="row">
  etc...

Agora, como posso fechar meu.row div em cada terceira coisa com angular? Eu tentei ui-se de angular-ui, mas mesmo isso não faz isso.

Se eu fosse usar a renderização do lado do servidor, eu faria algo assim (a sintaxe JSP aqui, mas não importa):

<div class="row>
  <c:forEach items="${things}" var="thing" varStatus="i">
    <div class="span4">
        ..
    </div>
  <%-- Here is the trick:--%>
  <c:if test="${i.index % 3 == 2}">
          </div><div class="row">
  </c:if>
  </c:forEach>
</div>

Note que eu preciso realmente alterar o DOM aqui, não apenas os elementos ocultos do CSS. Eu tentei com a repetição no.row e.span4 divs, sem sucesso.