Question

在此示例中：

<mat-select multiple>
    <mat-option>Option 1</mat-option>
    <mat-option>Option 2</mat-option>
</mat-select>

在mat-option中是否有标记说“ selected / unselected”？我之所以这样问，是因为以后我想选择/取消选择带有按钮的选项。

Answer 1

来自材料api mat-select：

经过适当修改的component.ts：

df <- data.frame(ID = c("AA", "AA", "AB", "AB", "AC", "AC", "AC", "AC", "AC"))

和html：

[RegularExpression(@"^\d+(\.\d{2,2})$")]

mat select multiple允许选择多个选项。并通过formcontrol可以从头开始选择一个或多个

Stackblitz：https://angular-azjefx.stackblitz.io/

Answer 2

由于您使用的是多项选择，请在反应形式或模板驱动方法之间进行选择...如果您使用反应形式，则

HTML：

<mat-form-field>
  <mat-label>MultiSelect</mat-label>
  <mat-select [formControl]="multiControl" multiple>
    <mat-option *ngFor="let option of options" [value]="option">{{option}}</mat-option>
  </mat-select>
</mat-form-field>
<button (click)="deselectOption()">click me</button>

TYPESCRIPT：

multiControl = new FormControl();
options = [
'option1',
'option2'
];
deselectOption() {
// if you want to remove 'option1'
const alteredArray = this.multiControl.value.filter((option) => {
      return option!== 'option1';
    });
    this.multiControl.setValue(alteredArray);
}

标志选择/取消选择<mat-option>

2 个答案: