如何在角材下拉菜单中显示唯一值？

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']