在Angualr2中打破NgFor循环

Question

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

Answer 1

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

我不知道仍然共享那段代码是否有帮助。

正如冈特所说：

没有办法破坏 ngFor。

这只是一种替代方法。

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

Answer 2

没有选择打破ngFor.您可以使用在满足条件的元素之后不返回值的自定义管道.

有关更具体的方法,请提供有关您实际尝试完成的更具体的信息.