如何在angular2中创建一个独特的过滤器过滤器组件

Question

variants: [{"vType":"red"},{"vType":"red"},{"vType":"black"}]

我需要使用过滤器来获得独特的颜色，因为只有“红色和黑色”才会使用

<select class="form-control" [(ngModel)]="selectedVariant" (ngModelChange)="changeVariant(selectedVariant)" >
  <option  *ngFor="let c of selection">{{c.vType}}</option>
</select>

如何创建自定义过滤器来过滤独特的颜色。

Answer 1

如果您想构建自定义过滤器，您可以查看 docs / tuto here

要获得您独特的集合，您可以使用lodash _.uniqBy function 或使用reduce like (from this StackOverflow post) 进行自定义实现

variants = [{"vType":"red"},{"vType":"red"},{"vType":"black"}];
uniqueVariants = variants.reduce(function(accumulatedVariants, variant) {
    if (!accumulatedVariants.find(v => v.vType === variant.vType)) {
          accumulatedVariants.push(c);
    }
    return accumulatedVariants;
}, []);