угловой ввод материала 2 фокус по умолчанию удалить

Question

У меня есть одно диалоговое окно с одним вводом текста, несколько переключателей и нормально отменить.Когда диалоговое окно открыто, курсор мигает внутри текстового ввода, что означает, что текст заполнителя уменьшился и его трудно прочитать.текст заполнителя - это что-то вроде «Опишите детали проблемы в этом окне».Как я могу удалить автофокус по умолчанию в угловых 2?Как хак, даже если я могу каким-то образом заставить заполнитель не уменьшать масштаб, я хорош.Пожалуйста, порекомендуйте.Использование угловых материалов контроля.

Answer 1

Другим решением является установка для tabindex входов диалога значения -1.

<button tabindex="-1" #closeAuthPanelButton mat-icon-button>
  <mat-icon (click)="emitAuthPanelClose()">close</mat-icon>
</button>

Answer 2

В объекте конфигурации, который вы передаете после компонента в dialog.open(), вы можете установить для свойства autofocus значение false.

this.dialog.open(SomeComponent, {
  width: '100px',
  data: {},
  autoFocus: false
})