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

角度4

我需要帮助设置mat select的选项，因此问题在于：

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

options

和

checkedOptions

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

2.所以选项是所有选项，checkedOptions来自BD，类似这样：

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

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

3.我打印如下选项：

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

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

{{op}}

因此，在垫子中选择所有选项。。。但是我想要的是，在

选项列表中，只需检查
检查选项列表中的选项。我该怎么做

---

请提供帮助。

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

HTML

{{op}}

感谢您的回答，但该代码无效。我看到这个错误“error:Uncaught（in promise）：error:Template parse errors:无法绑定到'checked'，因为它不是'mat option'的一个已知属性。”抱歉，mate这么晚才回答。我不得不做一些研究，因为材料处理起来有点棘手。请看我的最新帖子。我已经通过StackBlitz测试过了。它起作用了。