Question

我在Angular4应用中有一个动态的垫选择。我需要的是：填充垫选择选项时，需要将所有选项设置为选中状态。我尝试了许多薄片，但没有人工作。请帮忙。

这就是我得到的：

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>

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

Answer 2

只需将要选择的值插入selected-options，例如：

selected-options = ['op1', 'op2', 'op3', 'op4']

stackblitz

多个垫子选择是否已全部选中？

2 个答案: