angular - 多个 mat-select 从全部选中开始？

Question

我在 Angular4 应用程序中有一个动态垫选择。我需要的是:当我填写垫选择选项时，我需要将所有选项设置为选中。我尝试了很多方法，但没有一个起作用。请帮忙。

这是我得到的:

:

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>

查看 mat-select 标签中的 multiple。

这行得通!但这只是在选择中设置选项并且未选中该值。

那么...如何设置所有项目都被选中？

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