angular - Angular 6 - 材质单选按钮和材质输入

Question

我正在做类似的事情

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

我想做的是：

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

第二个目标不起作用。重点很好，但立即失去了。但是点击测试按钮是有效的。

我能怎么做 ？

标签： angularformsangular-material

Answer 1

问题是您试图通过单击另一个元素来将焦点设置为一个元素。但默认情况下，HTML 将焦点设置为单击的元素。

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

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