ng用于删除重复项

Question

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

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

Answer 1

为什么不想在组件中实现过滤逻辑?我认为这是最干净的方式。请看这里的例子:Angular Pipe从数组中隐藏重复项这些解决方案不是很完美，但它应该给你一个想法。

但是如果你必须在模板中这样做，你可以创建一个管道来过滤，并只应用于你要迭代的数据。