Question

如何从Angular 4中的* ngFor循环中断？

我只想让它在执行一次之后中断。

  <div *ngFor="let thing of things">
    <div *ngIf="thing == otherThing">
      <h4>Sub Title</h4>
      ***BREAK HERE***
    </div>
  </div>

Answer 1

你不能打破* ngFor。

但您可以构建自定义管道来过滤数据。

但正如Jus10所说，更好的方法是用ts文件来做。

Answer 2

我不得不打破循环，所以我遵循以下方法。

我不知道它是否有用，还是仍然共享那段代码。

正如澳大利亚人所说：

您不能破坏* ngFor。

这只是一种替代方法。

<ng-container *ngFor="let product of products; let i = index">
    <div *ngIf="i < 10">
        <span> product.name </span>
    </div>
</ng-container>

Answer 3

请尝试这种情况（您要对n个元素运行循环）

<div *ngFor="let thing of things.slice(0,1)">
<div *ngIf="thing == otherThing">
  <h4>Sub Title</h4>
</div>

如何从Angular 4中的* ngFor循环中断？

3 个答案: