如何在mat-select中以编程方式取消选择mat-option，如果它保持在“活动”状态且不可点击

Question

我有mat-table，里面有mat-select和mat-option。当我点击它时-我调用mat-dialog确认模式。当我单击cancel (dialog.close())并再次尝试单击上次单击的mat-option时，它停留在“活动”状态，我根本无法单击它。

如果我在mat-dialog - so mat-option中点击是，我就可以再次点击它。我认为这是mat-dialog的一些问题，因为垫子覆盖不触发按钮Idk的一些清理，但==>我如何才能以编程方式从mat-option中删除mat-active状态？

Answer 1

我通过在点击动作上设置deselect()方法来解决这个问题

// inside mat-select
...
<mat-option *ngFor="let option of actionsOptions"
  #opt // <== get local scope of mat-option
  (click)="opt.deselect()"  /* <== user deselect() method to ensure deselecting
                             * within mat-dialog blocking actions.
                             */
  [value]="option.id">
  {{ option.title }}
</mat-option>
...

希望它能帮助一些人，我还没有找到关于这个案例的信息，并且花了太多的时间在mat-table和mat-option中的这个简单的bug上