Angular material2 “角度材质”对话框中的单选按钮焦点

我正在使用Angular 8和Angular Material组件，在一个对话框中遇到了焦点指示器的问题。 当有一个无线组作为对话框中的第一个控件时，当您在对话框周围单击选项卡时，该组上的第一个选项将被选中-即使选择了另一个选项。i、 e.在表单中向前切换时，如果选择了第二个选项，则焦点将转到第一个选项，然后是所选选项，然后是按钮

我在这里创建了一个stackblitz：它显示了问题

有没有人对如何停止/解决这一问题有什么想法？总是把重点放在第一个选项上？（除了将其他内容放在第一位之外——不幸的是，这是对话框中唯一的内容）

提前感谢您的建议

---

Matt

当您调用dialog like时，它的简单设置

自动对焦：false

 openDialog()() {
    const dialogRef = this.dialog.open(PopupComponent, {
      panelClass: 'modal-medium',
      data: { dialogueName: "Name" },
      autoFocus: false, //disable auto focus in dialog
    });
  }

---

您应该始终共享打开编辑器的stackblitz链接，而不是填充屏幕应用程序演示。啊，是的，对不起。刚刚复制了共享链接。现在已经修复了。是的，这稍微好一点，但是当你在对话框中切换时，它仍然看起来有点奇怪，即，即使选择了不同的单选选项，选项卡也会从最后一个按钮切换到第一个单选选项。虽然反向制表工作很好。我不明白你所说的“左右制表”对话框是什么意思。（你能更新上面最新的代码吗）而且在你当前的例子中，它的工作方式我已经更新了stackblitz。基本上是可以的，但是如果我选择一个选项（比如“獾”），然后点击“确定”按钮，当我点击tab时，它会进入第一个（未选中）单选选项，然后，下一个选项卡转到所选选项。亲爱的@MattHarrison本质上是一个

单选按钮

是一个

组

，它作为单个元素运行，因为它只保留一个值。切换到广播组将带您进入

第一项

，然后使用

箭头键

在组内导航。您可以引用W3C作为源代码。您好，是的，我看过W3C的资料，但在第4点的单选按钮中，它表示如果切换到选中某个选项的单选组，则应转到该选项。在本例中，我还添加了另一个对话框：在单选组上方有一个输入框（3号旁边的按钮）。在这种情况下，当切换到组中时，焦点转到所选选项。