非常基本：ng-repeat

Question

我在非常基本的Angular中挣扎。 而且我不确切地知道要搜索什么。

喜欢这个：

<div ng-repeat="i in [1,2,3]">
    {{i}}
</div>
<hr/>

输出是（正如预期的那样）：<div>1</div>...<div>3</div><hr/>

我真正想要的是：<div>1</div><hr/> <div>2</div><hr/> <div>3</div>（3小时后没有小时）

所以喜欢：1 | 2 | 3

我该怎么做？

请注意：在最后一个div之后没有小时。

请注意：我无法将hr-tag放入div。

Answer 1

您只需创建包裹div和div的父hr，并隐藏最后hr，使用$last进行比较检查

<div ng-repeat="i in [1,2,3]">
    <div>{{i}}</div>
    <hr ng-if="!$last" />
</div>

Answer 2

您可以将ng-repeat提升到更高的水平。例如：

<span ng-repeat="i in [1,2,3]">
    <div>{{i}}</div>
    <hr/>
</span>

结果将是：

<span>
    <div>1</div>
    <hr/>
</span>
<span>
    <div>2</div>
    <hr/>
</span>
<span>
    <div>3</div>
    <hr/>
</span>

注意：我使用了parenet的span，但你可以使用另一个HTML元素，例如div。

Answer 3

@Vivz回答你可以把它包装在父div中。但是，如果出于某种原因，您无法使用ng-repeat-start和ng-repeat-end指令：

<div ng-repeat-start="i in [1,2,3]">
    {{i}}
</div>
<hr ng-repeat-end ng-if="!$last" />

Answer 4

nr-repeat是angular中的指令，可以与html元素或其自身一起用作标记

<ng-repeat ng-repeat="i in [1,2,3]">
  <div>{{i}}</div>
  <hr ng-if="!$last" />
</ng-repeat>