Javascript 不带html元素的重复

我有麻烦了，我需要用它来做一件事

这就是我想做的：

<ul>
    <div ng-repeat="g in groups">
        <li ng-repeat="c in g.commands">{{c.text}}</li>
        <li class="divider"></li>
    </div>
</ul>

{{c.text}

如何在有效的HTML结构中执行类似的操作？（在

和

之间没有

）

我只看到一个解决方案：

• 将
  替换为
  ，并创建大量css规则，使其看起来不存在

此外，我使用了Angular 1.4.8

---

谢谢

最简单的方法可能是使用自定义集合

groupedCommands

，该集合绑定到代码中的角度范围，并按正确的顺序包含项目

然后用于增强的repeat指令。有一个特殊的

ng repeat start

和

ng repeat end

属性组合可用于这种情况：

<ul>
   <li ng-repeat-start="c in groupedCommands">{{c.text}}</li>
   <li class="divider" ng-repeat-end></li>
</ul>

{{c.text}

试试这个

<ul>
    <!-- ng-repeat: g in groups -->
    <span ng-repeat="g in groups">
        <li ng-repeat="c in g.commands">{{c.text}}</li>
        <li class="divider"></li>
    </span>
</ul>

{{c.text}

这可能会解决你的问题

---

注意：在

和
之间使用
不是一个好方法，您根本不应该改变数据结构。相反，只需使用
ng repeat start
和
ng repeat end
指令即可。您将有单独的
但是在渲染方面，您可以轻松地修改CSS，使其看起来像一个无缝列表

<ul ng-repeat-start="g in groups">
    <li ng-repeat="c in g.commands">{{c.text}}</li>
    <li ng-repeat-end class="divider"></li>
</ul>


{{c.text}



为什么不使用
div
？@AntiHeadshot结构
不是有效的HTML。如果它是一个有效的结构，我肯定会这样做。是的，它会解决我的问题，但这不是好办法。我不能在
和
之间使用
。我知道，但这并不能解决我的问题。我有两张单子要重复。谢谢，但我更喜欢朱索皮的答案。是的，这就是我选择的解决方案。但是我希望我可以在没有多次渲染的情况下进行渲染。不幸的是，除非您按照@Sebastian的建议创建一个指令或更改数据结构，否则您将无法进行渲染。