ng-repeat-start与ng-repeat的意义

Question

我试图了解ng-repeat-startover 的意义ng-repeat。角度文档提供了以下示例ng-repeat-start

<header ng-repeat-start="item in items">
  Header {{ item }}
</header>
<div class="body">
  Body {{ item }}
</div>
<footer ng-repeat-end>
  Footer {{ item }}
</footer>

但是，使用ng-repeat，

<div ng-repeat="item in items">
  <header>
    Header {{ item }}
  </header>
  <div class="body">
    Body {{ item }}
  </div>
  <footer>
    Footer {{ item }}
  </footer>
</div>

有人可以解释。的意义ng-repeat-start吗？谢谢。

Answer 1

这两个指令的含义相似：它们重复HTML标记。所不同的只是，在ng-repeat-start您的帮助下，您可以重复几个标签，从标签开始于ng- repeat-start，再到完成于ng-repeat-end。

例如，您有下一个代码：

<div>
  Item # {{item}}
</div>
<div>Whether you repeat me?</div>

因此，现在我们可以为这些代码添加2个指令。
与ng-repeat：

<div ng-repeat="item in items">
  Item # {{item}}
</div>
<div>
  This code will not be repeated
</div>

与ng-repeat-start和ng-repeat-end：

<div ng-repeat-start="item in items">
  Item # {{item}}
</div>
<div ng-repeat-end="">This code will be repeated</div>

因此，现在您可以看到，在第一种情况下，仅div使用ng-repeat指令重复，但是在第二种情况下，您的divs都会重复。

您可以看到演示并使用它：

演示：http：//plnkr.co/edit/R778lWTABVF3Hy16CAca