ng-repeat li在每次重复后都有额外的行

Question

当我使用带有from distutils.core import setup import py2exe setup(console=['script.py']) 元素的角度ng-repeat指令时，我会在每个<li>后得到一个额外的行。以下图片的简单示例。

使用angular <li>指令的简单示例：

ng-repeat

将创建类似于：

但是没有角度<ul class="list-group" ng-repeat = "num in [0,1,2,3,4]"> <li class="list-group-item list-group-item-success">{{num}}</li> </ul> ，例如

ng-repeat

结果为

正如您所知，当我使用<ul class="list-group"> <li class="list-group-item list-group-item-success">1</li> <li class="list-group-item list-group-item-success">2</li> <li class="list-group-item list-group-item-success">3</li> <li class="list-group-item list-group-item-success">4A</li> </ul> 指令时，我在每个重复元素下面得到一条额外的行。是否存在我遗漏的微妙之处，或者有人知道如何删除额外的行吗？

Answer 1

您正在重复当前标记中的<ul>元素。视觉差异是因为你基本上渲染了这样的东西......

<ul>
    <li>0</li>
</ul>
<ul>
    <li>1</li>
</ul>
<ul>
    <li>2</li>
</ul>
...

相反，请更改为以下内容并ng-repeat <li>

<ul class="list-group" >
    <li ng-repeat="num in [0,1,2,3,4]" class="list-group-item list-group-item-success">{{num}}</li>
</ul>