Как отменить выбор параметра mat в программе mat-select программно, если он остается в «активном» состоянии и не активируется нажатием

Question

У меня mat-table, внутри у меня mat-select с mat-option. когда я нажимаю на него - я вызываю mat-dialog модальное подтверждение. когда я нажимаю кнопку отмены (dialog.close()) и пытаюсь снова щелкнуть по нажатой в последний раз mat-option - она ​​остается в «активном» состоянии, и я вообще не могу щелкнуть по ней.

Если я нажму Да, нажмите mat-dialog - так mat-option станет нормальным, и я смогу щелкнуть его снова. Я думаю, что это некоторая проблема с mat-dialog, потому что наложение матов не вызывает некоторую очистку для кнопок Idk, но ==> как я могу удалить состояние mat-active из mat-option программно?

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>
...

Надеюсь, это кому-нибудь поможет, я не нашел информацию об этом случае и потратил слишком много времени на эту простую ошибку в мат стол с мат-опцией