问题标签 [mat-dialog]

我有一个问题，我需要将一个对象传递给一个 mat-dialog。当我查询对象的值时，它会显示其所有属性，当我需要访问属性时会出现问题，它们显示为未定义。

主要成分：

对话框组件：

感谢任何帮助

我的情况是我想打开一个对话框组件，在其中我从主组件传递一个值，然后在关闭后我只想刷新主组件中的表格，但不使用任何订阅或将任何值传递给主组件.

代码是这样的：

现在变量result来了undefined，但我可以不使用订阅吗？我只希望以下语句和函数在我关闭对话框后工作。谢谢

我有一个角形表格，用于添加和编辑记录。我希望这个提交按钮在表单之外。

我正在使用 mat 对话框并希望 mat-dialog 操作标记中的提交按钮。我在对话框的操作部分中放置的提交按钮不会使表单提交。

我在垫子对话框中有一个嵌套表格。如果用户在表单上的任何字段，点击顶部按钮，他应该转到 mat-dialog 顶部（表单顶部）。如何在打字稿中单击按钮时滚动 matdialog 中的表单？

我这里有个小问题，不知道怎么解决。

我的应用程序中有很多 MatDialog，但现在我创建了一个新的，它只显示在某些组件中，但没有显示在我想要的组件中。

这是我的 AppModule

这是我要调用 dialog.open() 的组件的代码

它在控制台上显示错误：

控制台错误

但是，如果我将它尝试到另一个组件中，它就可以工作

在职的

我window.scrollBy()在matDialogRef.afterClosed(). 想要在模态关闭后滚动背景页面。

这里可能是什么问题。请指教

这是代码示例：

我的应用程序使用多个 mat-dialogs，有时可能会同时显示 2 个，这会导致问题，因为第二个永远不会正确显示，并且它的模态使应用程序无用。经过更多研究后，我似乎可以通过调整 mat-dialog 的 z-index

}

但这不会解决我的问题，因为它会将所有的 z-index 更改为 500。我的问题是如何仅更改某些 mat-dialogs 的 Z-index。例如，我所有的基本对话框都可以是一个 z-index，因为它们永远不会同时显示，然后我有对话框会提醒或警告必须超出这些基本对话框的用户。使它在某种程度上用户可配置的最佳方法是什么？

我有一项功能，我需要使用模式弹出窗口来禁用特定的组件屏幕。例如 - 我有一个名为任务列表的组件，我正在使用我的模态弹出窗口，我正在使用 disableClose:true 来禁用背景。但这会禁用整个屏幕。所以我无法访问其他屏幕，如侧边栏组件等。那么有没有其他方法可以仅禁用当前组件背景并可以访问其他组件？我正在分享图片供您参考。 模态图像

这是我正在使用的代码

我有一个不寻常的问题，即我打开的 MatDialog 组件不会在我的 Angular 应用程序中关闭。我在调用组件中不使用 HTML 作为视图，而是使用 SVG，它的处理方式略有不同。不幸的是，我无法弄清楚问题所在。

这是调用组件：

调用组件.ts

调用组件.svg

openDetailsDialog() 方法打开对话框，该对话框可以正常工作。只是它不能关闭。现在跟随被调用的组件：

节点详细信息组件.ts

NodeDetailsComponent.html

如果需要更多信息来调试它，那么我很乐意提交它！

我是 angular 11 的初学者，我想从 Mat-Dialog 获取数据，.open()然后将其作为Goods 类数组的对象转换为另一个组件（ProductListComponent）

我的界面类：

我将Array Object分配给dialogConfig.data（起初 goodsSelect 变量为空，将在afterClosed()调用时分配。）

从此组件中接收数据，MAT_DIALOG_DATA但无法使用.filter() .forEach()或任何 Array 函数。

我试过Object.value()但不工作，没有错误，也没有控制台日志显示。

并尝试过@Inject(MAT_DIALOG_DATA) private data: Goods[]也不行。

尝试读取每个元素时显示此错误包括.map() .forEach() .for()

https://i.stack.imgur.com/EPlZU.png

console.log()this.data 变量，有数据，但我无法读取或转换此对象。

我哪里弄错了？

https://i.stack.imgur.com/JxpdZ.png