Javascript 角度生成多个ng重复

在我的angular应用程序（angular 1.4.9）中，我有一个问题，当我这样做时，会生成多个ng重复：

HTML:

但dom中生成的HTML是：

---

为什么角度重复ng重复？

这就是ng重复的基本工作原理！ 开始时，它会写一条评论，如：

<!-- ngRepeat: x in items -->

然后，对于使用ng repeat创建的每个元素，在创建后（内部包含ng repeat属性），写入另一条注释：

<!-- end ngRepeat: x in items -->

---

这就是ng repeat的基本工作原理！ 开始时，它会写一条评论，如：

<!-- ngRepeat: x in items -->

然后，对于使用ng repeat创建的每个元素，在创建后（内部包含ng repeat属性），写入另一条注释：

<!-- end ngRepeat: x in items -->

因为它只是将模板原样（div ng repeate lalala），克隆N次，填充数据并放入DOM。

因为它只是将模板原样（div ng repeate lalala），克隆N次，填充数据并放入DOM。

如果您不想重复父元素，这里是html:

<div >
  <span ng-repeat="suggestion in startLocationSuggestions">{{suggestion}}</span>
</div>

{{建议}

输出如下：

<div>
  <!-- ngRepeat: suggestion in startLocationSuggestions -->
  <span ng-repeat="suggestion in startLocationSuggestions" class="ng-scope ng-binding">dada</span>
  <span ng-repeat="suggestion in startLocationSuggestions" class="ng-scope ng-binding">daa</span>
</div>

达达
达阿

---

这就是工作原理。

如果您不想重复父元素，下面是html：

<div >
  <span ng-repeat="suggestion in startLocationSuggestions">{{suggestion}}</span>
</div>

{{建议}

输出如下：

<div>
  <!-- ngRepeat: suggestion in startLocationSuggestions -->
  <span ng-repeat="suggestion in startLocationSuggestions" class="ng-scope ng-binding">dada</span>
  <span ng-repeat="suggestion in startLocationSuggestions" class="ng-scope ng-binding">daa</span>
</div>

达达
达阿

这就是工作原理