没有html元素的AngularJS ng-repeat

Question

我目前正在使用这段代码来呈现列表：

<ul ng-cloak>
    <div ng-repeat="n in list">
        <li><a href="{{ n[1] }}">{{ n[0] }}</a></li>
        <li class="divider"></i>
    </div>
    <li>Additional item</li> 
</ul>

但是，该<div>元素在某些浏览器上引起一些非常小的渲染缺陷。我想知道是否可以在没有div容器的情况下执行ng-
repeat，或者通过其他方法来达到相同的效果。

Answer 1

正如Andy Joslin所说，他们正在研究基于注释的ng-
repeats，但显然存在太多浏览器问题。幸运的是，AngularJS
1.2添加了对重复的内置支持，而无需使用新的指令ng-repeat-start和添加子元素ng-repeat-end。

这是添加Bootstrap分页的一个小示例：

<ul class="pagination">
  <li>
    <a href="#">&laquo;</a>
  </li>
  <li ng-repeat-start="page in [1,2,3,4,5,6]"><a href="#">{{page}}</a></li>
  <li ng-repeat-end class="divider"></li>
  <li>
    <a href="#">&raquo;</a>
  </li>
</ul>

一个完整的工作示例可以在这里找到。

John Lindquist 在其出色的egghead.io页面上也有关于此的视频教程。