非常基本：重复

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

你可以把你的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 2

您只需创建父级 div 包装 div 和 hr 并隐藏最后一个 hr，使用 [=15] 进行比较检查=]

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

Very basic: ng-repeat