Angular 6-基本单选按钮和材料输入

Question

我正在做类似的事情

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

我想做的是：

• 如果我单击输入，请选择相应的单选按钮- 工作
• 如果我单击收音机，请将焦点放在相应的 输入

第二个目标无效。焦点很好，但立即消失了。但是单击测试按钮可以正常工作。

我该怎么办？

Answer 1

问题是您试图通过单击另一个元素来将焦点设置到一个元素。但是HTML默认将焦点设置为clicked元素。

要解决此问题，您可以在“ radioFocus”函数中使用超时：

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