问题标签 [material-dialog]

我们有 1) 材质对话框组件打开 2) 另一个材质对话框组件，当用户按下“打开高级搜索”按钮时。

第一个 Dialog 组件处于固定位置。第二个对话框组件是可移动的，但还不能落后于第一个原始组件。

如何做到这一点，用户可以互换两个窗口的后部或前部位置，就像典型的 Windows 10 桌面应用程序一样，取决于最后单击/拖放/拖放的内容？

第二部分：

第二个组件的 HTML 代码：它是可移动的：第一个组件对话框应该在理想的固定位置

*如果只有可能两个组件都可以使用 cdkDrag 移动，而不是第一个 Modal 窗口被固定，则可以接受作为 answer 。

资源：

我怎样才能使 MatDialog 可拖动/角度材质

如何获取 Angular Material 对话框的值，并将其发送给父级？

在他们关闭对话框后，我知道如何获取数据。只是好奇如何在对话框仍然打开时获取数据，或者特别是当人们在对话框中按下按钮时。

更新：

这将订阅数据。现在我只需要在 Dialog 组件中按下 Button 时知道数据。考虑为按钮按下事件添加另一个订阅，寻找干净的方式，而不是添加 2 个订阅。

https://material.angular.io/components/dialog/api

许多在线资源是在窗口关闭时，寻找打开并按下按钮（不关闭对话框）

如何在Angular 6的Angular Material Dialog中将数据传递给afterClosed（）

将几个数据从 Mat Dialog Angular 4 传回给父级

尝试使用 Angular 材质对话框或任何弹出窗口组件。有以下工作，除了最后一个主题。

a) 返回原始屏幕不应该是灰色的，

b）用户允许在其后面的原始第一个窗口中单击返回

c) 将数据发送回原始窗口组件。

d) 允许用户将模式/弹出窗口移动到第二监视器屏幕，双监视器。这是行不通的。

简单地说，它应该是常规弹出窗口。这如何在 Angular Material 对话框中完成？

我们可以使用 javascript window.open，但更喜欢提供完整数据绑定通信服务的 Angular Material。如果还有另一个 Angular 选项，那也可以作为答案。

基本上用户按下 Component 1: "Add Document" variable: selectedDocumentList: Array<string>，并发送数据 Arrow Component 2: cumulativeDocumentList: Arrays<string>。累积列表实时更新。让它与材料窗口对话框一起工作。

（点击图片放大）

资源：

我怎样才能使 MatDialog 可拖动/角度材质

我正在使用 Angular Material Dialog，我想知道在组件关闭后是否需要销毁它。

例子

我在垫子对话框中有一个垫子菜单。打开对话框然后打开其中的菜单后，我按 esc 关闭菜单，但菜单和对话框都关闭了。如何只关闭菜单而不是用 ESC 关闭对话框？

可以在这里复制。 https://stackblitz.com/edit/angular-wzau6u

我已经这样做了：

但是该解决方案导致对话框可以通过单击窗口的任何位置来拖动，这使得无法<textarea>在内容块内扩展。理想情况下，我需要一种仅通过单击标题才能使其可拖动的方法。

我有一个可重复使用的自定义 Material UI 对话框，我想在其中显示一个不同的组件。例如，一次调用它并显示一个登录组件，另一次显示一个注册组件，这只是示例。

问题是当我将我的组件分配给正文（正文：InvitationComponent）时，结果是一个正确的对话框，但正文（或内容）是我的组件的代码。当您发送文本时，没关系，但是当我想发送一个组件以显示在对话框中间时，这是不可能的。问题是如何将组件作为对象或模板发送以在对话框中显示？邀请组件由 shome html 代码和 iput 控件和一个按钮组成，我想在我的对话框中间显示它。（例如，我们可以在 iframe 中显示的页面）提前感谢您的帮助。

那是我的自定义对话框组件：

我正在尝试使用来自数据源中接口的数据在 mat-dialog 中初始化表单，但是数据未显示在表单字段中。数据正确通过，因为它显示在对话框的 html 中，而不是表单的字段。我错过了什么吗？

编辑-客户-dialog.component.ts

编辑-客户-dialog.component.html

从数据源拉入的数据

我不确定为什么表格中没有显示数据。当我在初始化后在表单上执行 console.log 时，它显示为 [object, Object]。

有什么建议请告诉我，谢谢！

我想使用赛普拉斯阅读并验证 Angular Material 对话框中的文本。但我面临一个问题，因为赛普拉斯根本无法识别对话框，因此甚至无法单击对话框内的按钮。有更好的方法吗？

谢谢你的阅读。

我一直在尝试打开一个设置大小的对话框。理想情况下是 90% 的宽度，但是我在这样做时遇到了麻烦。谁能指出我正确的方向（或者只是告诉我答案）。

我相信必须在调用中设置它才能打开盒子，如下所示：

}

提前致谢，