angular - mat-select multiple 从数组中设置选中的选项，Angular4

Question

Angular 4。

我需要帮助来设置 mat-select 的选项，所以这是问题所在:

1.首先我得到了两个变量:options 和checkedOptions

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

2.所以options就是所有的选项，checkedOptions来自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>

1. 所以在 mat-select 中是所有选项...但我想要的是，在 options 列表中，只需检查哪些在 checkedOptions 列表中。我该怎么做？

请帮忙。

Answer 1

在这种情况下，您必须在 mat-select-tag 中使用 ngModel 并将其绑定(bind)到您的选择列表。这是解决方案:

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>