我有一个对话框组件和应用程序组件，其中实现了材质对话框。 这是应用程序组件的代码

对话框组件是实现表单的地方，我需要在这里获取表单值并接收它。我尝试使用角度输入和输出来实现这一点，但是由于没有孩子和父母的交流，所以很有效。这是对话框组件

StackBlitz 上的工作示例

如何使用 css 以角度调整垫子对话框宽度？可能在宽度附近增加模态大小：70vw 并添加以像素为单位的最小宽度。

数学对话框或模态容器

我正在使用角度材料打开对话框。我有很多组件在对话框中变得开放，但是为了很好地分离关注点，我想避免将对话框行为烘焙到组件中。我有一个名为dashboard-dialog 的包装器组件，它有一个ng-content 区域并提供一些基本功能和样式。

我希望能够像使用 tsx/react 一样做这样的事情；

有没有这样的东西可以与 mat-dialog 一起使用？当我们决定在对话框中打开组件时，如何避免制作组件的对话框包装版本？

目前我正在创建一个新的对话框组件，例如 create-user-form-dialog.component.ts，它具有与我希望的 dialogComp 变量相同的模板。现在打开这个新的对话框组件 this.dialog.open(CreateUserFormDialog, { ... });

对话框组件具有对话框引用和数据注入。

因此 create-user-form.component.ts 会发出其按钮的结果（保存、取消等），而 create-user-form-dialog.component.ts 通过 dialogref.close 方法将内容吐出。不确定这如何使情况复杂化，以及 ViewChild 是否仍然可以以某种方式使用。

如果他空闲 20 分钟，我想提醒用户。所以，创建了一个服务。

它在桌面上运行良好，但在手机中它没有显示，有时如果屏幕在后台停留了几个小时，那么一旦我再次进入页面，注销对话框屏幕就会开始倒计时。

我的意思是它应该注销，我应该看到登录页面，但这里它会在几个小时后显示注销警报倒计时页面，否则它不会出现在移动浏览器中。

这是我的代码，请让我知道我缺少哪个逻辑。

这是 Service.ts 文件。check() 将每 5 秒调用一次，注销警报将在 20 秒后显示...

我提供MAT_DIALOG_DEFAULT_OPTIONS为对话框app.module.ts创建全局默认值：MatDialog

我的目标是在matDialogProviderFactory()每次创建对话框时评估条件，以便我可以有条件地添加一个类。但是，该函数在开始时只运行一次。matDialogProviderFactory()每次创建对话框时如何运行？或者，我还能如何实现我的目标？

这是我在打开对话框之前的网站：

而这之后：

这是我的styles.scss的相关内容：

这是我的项目主题：

仅在向下滚动一点时才会出现问题。在页面顶部，我有一个 mat-tab-nav-bar。

更新：Chrome 中出现错误但 Safari 中没有

我在使用 MatDialog 时遇到了一个奇怪的问题。在我的主要组件中，我使用运行 webworker 的 @Injectable 服务在后台处理某些内容。处理完成后，服务打开 MatDialog。在此对话框中，有 2 个按钮（每个按钮都关闭对话框）。

问题是它很少在我单击按钮后立即关闭，有时我必须等待 20 秒才能关闭。我注意到，在单击按钮并单击其他内容后，对话框会立即关闭（焦点丢失或其他内容？）。我认为关闭对话框的方式有问题，但我在主组件的 onInit 方法中运行它，它工作正常。这意味着它与异步代码有关。有谁知道如何解决它？

因此，当我从对话框触发事件发射器时：...

我从家长那里听到这个：

如何将“结果”发送回同一个对话框？

编辑：当“结果”准备好时，我还需要在对话框中触发函数调用。

我有一个调用GET请求的垫表。另外我有一个 Mat 对话框，它接受数据和保存点击调用POST请求。一切正常，但有时在单击“保存”按钮后表格会更新，但有时不会（我必须重新加载页面并查看更新）。

mat-dialog.component.ts

主要组件.ts

有什么遗漏吗？

我正在使用 Angular 8。我正在读取一个 svg 文件并找到样式为中风的元素：无。然后每当有人悬停该元素时打开一个对话框。对话框正在打开，但当我单击外部或关闭按钮时它没有关闭。

我对按钮 id="btn" 尝试了相同的对话框，它成功关闭。

没有错误即将到来。

main.component.html

主要组件.ts

对话框组件.ts

对话框组件.html

下面的按钮悬停对话框关闭工作成功：