angular - 如何知道是否从点击事件中选择了垫选项？

Question

我有多个mat-select，想知道是否已选择或取消选择了被单击的mat-option。触发$event.target时传递的(click)对象没有我可以使用的selected属性。

<mat-form-field>
    <mat-select [formControl]="control" multiple>
        <mat-option 
          *ngFor="let option of options" 
          [value]="option"
          (click)="foo($event)"
        >
        {{ option }}
        </mat-option>
    </mat-select>
</mat-form-field>

public foo(event) {
    const hasBeenChecked = ???? // How do I know if my clicked option has been checked or unchecked?
}

提前致谢

Answer 1

您可以通过从MatOption对象中读取它来获得单击选项的选定状态，如下所示:

<mat-option #matOption (click)="foo(matOption.selected)"></mat-option>

StackBlitz Example