我目前正在使用这段代码呈现一个列表:

<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所说,他们正在开发基于评论的NG-Repeatsbut apparently there were too many browser issues.幸运的是,AngularJS1.2在新指令ng-repeat-startng-repeat-end中增加了对重复的内置支持,而无需添加子元素.

下面是一个添加Bootstrap pagination的小示例:

<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>

一个完整的工作示例可以在here中找到.

约翰·林德奎斯特也有video tutorial of this over at his excellent egghead.io page分.

Html相关问答推荐

如何在文本处于活动状态时在文本顶部创建一条垂直线?

SVG 周围的文字

内部弹性框无法在末尾对齐带有伪元素的标签

如何进行响应式绝对定位?

为什么 ul 不使用完整导航的高度?

为什么 Bootstrap 折叠功能不起作用?

如何自定义 Cognito 验证邮箱中的链接?

如何制作一个整体 div 可选的标签(父 div)

如何使用属性选择特定的 href 标签

用图像浮动 div 会产生额外的空间

如何按元素的水平对齐文本?

输入范围的 Blazor 数据绑定似乎不适用于浮点步骤

在 word-break: break-word 中,我想使用 CSS / JS 将下一行中的第一个单词大写

如何使用 html + Tailwind CSS 使表格可滚动

查找 Slack 团队 ID 和频道 ID 的最简单方法是什么?

Favicon Standard - 2022 - svg、ico、png 和尺寸?

Swift:在标签或文本视图中显示 HTML 数据

CSS:改变父母对子元素的关注

除固定区域外,整个屏幕变暗?

Angular 2:由于表单未连接而取消表单提交