多个 mat-select 从所有选中开始？

Question

我在 Angular4 应用程序中有一个动态的 mat-select。我需要的是：当我填写 mat-select 选项时，我需要将所有选项设置为选中状态。我尝试了很多瘦身，但没有一个奏效。请帮忙。

这是我得到的：

ts：

options = {
    0: 'op1',
    1: 'op2',
    2: 'op3',
    3: 'op4'
  };

但options变量可以改变。有时长度可以是5，有时可以是16，有时是0，即动态。

然后，在我的 HTML 中，我得到了这个：

<mat-select multiple placeholder="Options" required="true" [(ngModel)]="selected-options">
  <mat-option *ngFor="let op of options" [value]="op">{{ op }}</mat-option>
</mat-select>

查看multiplemat-select 标签中的 。

这有效！但这只是在选择中设置选项并且未选中该值。

那么......我如何设置所有检查项目？

Answer 1

尝试这个：

HTML：

<mat-select multiple placeholder="Options" required="true" [formControl]="selectedOptions">
  <mat-option *ngFor="let op of options" [value]="op">{{ op }}</mat-option>
</mat-select>

在您的 TS 中：

options: string[] = {'op1','op2','op3','op4'};
selectedOptions = new FormControl(this.options);