我目前正在使用这段代码呈现一个列表:
<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>
元素在某些浏览器上造成了一些非常小的渲染缺陷.
我目前正在使用这段代码呈现一个列表:
<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>
元素在某些浏览器上造成了一些非常小的渲染缺陷.
正如Andy Joslin所说,他们正在开发基于 comments 的NG-Repeatsbut apparently there were too many browser issues.幸运的是,AngularJS1.2在新指令ng-repeat-start
和ng-repeat-end
中增加了对重复的内置支持,而无需添加子元素.
下面是一个添加Bootstrap pagination的小示例:
<ul class="pagination">
<li>
<a href="#">«</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="#">»</a>
</li>
</ul>
一个完整的工作示例可以在here中找到.
约翰·林德奎斯特也有video tutorial of this over at his excellent egghead.io page分.