Угловой 6 - Matierial Radio Button & Материал ввода

Question

Я работаю над чем-то вроде

https://stackblitz.com/edit/angular-tayp2o

Я пытаюсь сделать следующее:

• Если я нажму на вход, выберите соответствующий переключатель - Это рабочая
• если я нажму на радио, выделю соответствующий ввод

Вторая цель не работает. Фокус хорошо отдан, но сразу потерян. Но нажатие на кнопку теста работает.

Как я могу это сделать?

Answer 1

Проблема в том, что вы пытаетесь установить фокус на элемент, нажимая на другой элемент.Но HTML по умолчанию устанавливает фокус на элемент, на который нажали.

Чтобы решить эту проблему, вы можете использовать тайм-аут внутри вашей функции 'radioFocus':

radioFocus(event: any) {
  setTimeout(() => { document.getElementsByName(event.srcElement.id).item(0).focus(); }, 100);
}