何在角度材料下拉列表中显示唯一值？

Question

我正在尝试使用如下所示的角度材料来显示选择的选项。

其中 appitem 是数组列表。

<mat-form-field>
    <mat-select placeholder="Select app" formControlName="appControl" required> 
      <mat-option *ngFor="let app of appitem" [value]="app.appname">
                {{app.appname}}
      </mat-option>
    </mat-select>
</mat-form-field>

但这里 app.appname 包含重复值，我只想显示唯一值。

你能帮忙吗？

Answer 1

好吧，您可以像这样过滤出您的数组以使其独一无二，而不是放入材料 -

var myArray = ['5', 1, '6', 8, '1'];
var unique = myArray.filter((v, i, a) => a.indexOf(v) === i); 

console.log(unique);

独一无二的地方

['5', 1, 6, '8']