垫选择多个从数组Angular4中设置选中的选项

Question

角4。

我需要帮助来设置垫选的选项，所以这是问题所在：

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

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

2.所以选项是所有选项，而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>

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

请帮忙。

Answer 1

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

超文本标记语言

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