Кнопка углового материала находится в состоянии выбора при открытии диалога

Question

Я использую угловой дизайн материала.Я открыл диалог материалов, где у меня есть кнопка материала.

Кнопка материала находится в состоянии выбора при открытии диалога

Answer 1

Не видя часть вашего кода, трудно надежно воспроизвести / решить вашу проблему.

Тем не менее, я предполагаю, что причиной проблемы является функция автофокуса, которая поставляется с диалогом материала.Согласно документам, он будет «автоматически фокусироваться на первом фокусируемом элементе диалога».

См. Ссылочный раздел документации здесь: https://material.angular.io/components/dialog/api#MatDialogConfig

Так что, если это будет ваша кнопка, она будет в состоянии фокусировки, когда вы откроете диалоговое окно.

Вы можете отключить автофокус, передав autoFocus: false в качестве конфигурации при открытии диалога.

Пример того, как это может выглядеть:

this.dialog.open(YourDialogComponent, {
  autoFocus: false,
  //your other configuration
});

Надеюсь, это поможет, если нет, подумайте о предоставлении некоторого кода, связанного с диалогом.