mat-select множественный набор отмеченных опций из массива, Angular4

Question

Угловой 4.

Мне нужна помощь, чтобы установить параметры выбора коврика, поэтому вот проблема:

1. Сначала я получил две переменные: options и checkedOptions

options: string[];
checkedOptions: string[] //This comes from the BD; 

2. Таким образом, все опции - это опции, а флажок опции проверен на BD, примерно так:

options = ["o1", "o2", "o3", "o4", ... "oN"]
checkedOptions = ["o2", "o4"]

3. Я печатаю опции, подобные этой:

<mat-form-field floatPlaceholder="always" color="accent" class="input-all">
  <mat-select multiple placeholder="{{ par.label }}">
    <mat-option *ngFor="let op of options" [value]="op">{{ op }}</mat-option>
  </mat-select>
</mat-form-field>

4. Так что в mat-select есть все опции ... но в списке options я хочу просто проверить, какие есть в списке checkedOptions. Как мне это сделать?

Пожалуйста, помогите.

Answer 1

Вы должны использовать ngModel внутри вашего mat-select-tag и в этом случае привязать его к вашему списку выбора. Вот решение:

HTML

<mat-form-field floatPlaceholder="always" color="accent" class="input-all">

   <mat-select [(ngModel)]="checkedOptions" multiple placeholder="{{ par.label }}">

       <mat-option *ngFor="let op of options" [value]="op">{{ op }}</mat-option>

   </mat-select>

</mat-form-field>