angular - 在 Angular 2 中打破 NgFor 循环

Question

我正在尝试在模板内使用 *ngFor 迭代数组，并使用 *ngIf 搜索基于键的元素。现在，当条件与键匹配时，我想打破 *ngFor。我想知道 angular2 中是否有任何选项可以根据条件打破 ngFor 循环。

Answer 1

我不得不打破循环，所以我采用了以下方法。

我不知道还是分享那段代码是否有帮助。

正如 Gunter 提到的:

There is no option to break ngFor.

这只是另一种方法。

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