Как отобразить уникальные значения в угловом материале выпадающего меню?

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