javascript - ngFor 删除重复项

Question

如何从此 ngFor 中删除重复项？我想在 HTML 上而不是在组件上这样做？

<mat-option *ngFor="let primer of dataService.data" [value]="primer.type" id="primer">{{primer.type}}</mat-option>

标签： javascriptangulartypescriptngfor

Answer 1

为什么不想在组件中实现拟合逻辑？我认为这将是最干净的方式。例如看这里：Angular Pipe to Hide Duplicates from Array 解决方案不是很完美，但它会给你一个想法。

但是，如果您必须在模板中执行此操作，您可以创建一个过滤管道并将其应用于您正在迭代的数据。