对话框打开时,角度材质按钮处于选择状态

时间:2018-06-06 10:47:22

标签: angular css3 angular-material

我正在使用Angular材料设计。 我打开了一个材质对话框,其中有一个材质按钮。

打开对话框时,材质按钮处于选择状态

1 个答案:

答案 0 :(得分:1)

如果没有看到某些代码,很难可靠地重现/解决您的问题。

但是,我认为是导致问题的原因是材质对话框附带的autoFocus功能。根据文档,它将“自动关注对话框的第一个可聚焦元素”。

请参阅此处引用的文档部分:https://material.angular.io/components/dialog/api#MatDialogConfig

因此,如果碰巧是您的按钮,则在打开对话框时它将处于聚焦状态。

您可以在打开对话框时通过传递autoFocus: false作为配置来禁用autoFocus。

可能的样子:

this.dialog.open(YourDialogComponent, {
  autoFocus: false,
  //your other configuration
});

希望有所帮助 - 如果没有,请考虑提供一些与对话框相关的代码。