【发布时间】：2021-09-22 12:25:32
【问题描述】：
如何从这个 ngFor 中删除重复项？我想在 HTML 上而不是在组件上这样做？
<mat-option *ngFor="let primer of dataService.data" [value]="primer.type" id="primer">{{primer.type}}</mat-option>
【问题讨论】：
标签： javascript angular typescript ngfor
【发布时间】：2021-09-22 12:25:32
【问题描述】：
为什么不想在组件中实现拟合逻辑？我认为这将是最干净的方式。 例如看这里：Angular Pipe to Hide Duplicates from Array 解决方案不是很完美，但它会给你一个想法。
但如果您必须在模板中执行此操作，您可以创建一个过滤管道并将其应用于您正在迭代的数据。
【讨论】：
-
是的，我可以，实际上我现在就是这样。然而，数据来自另一个组件，有时我得到“未定义”，因为数据需要一段时间才能填充。出于这个原因，我想知道如何在 ngFor 中做到这一点（如果可能的话），即使它不是最干净的方式。谢谢
-
使用 observable 你可以摆脱 undefined 并通知组件可用的数据。然后您可以使用 pipe()-Method 过滤重复项。使用异步管道，您可以在模板中相应地显示 Observable。