问题标签 [mat-dialog]

我正在使用 Angular mat-dialog 向用户显示一些文本。我无法管理我的元素来为大、小、中的屏幕和文本设置特定的边距底部。这是我的代码。

.HTML 文件

创建对话框。

你可能会看到附图。在此处输入图像描述

我希望 div.btm 中出现的两段应该靠近对话框的底部。

非常感谢您的帮助。

错误类型错误：无法读取未定义的属性“焦点”

core.js:4197 ERROR 错误：找不到管道“翻译”！

每当我在 mat 对话框中更改我的代码并编译我的代码时，这两个错误都会在控制台中弹出，之后我的对话框也没有打开

但是如果我停止我的 Angular 服务器并重新运行它..，更改工作正常

有什么解决方案，或者是否有人遇到过这样的情况？

我确定我一定遗漏了一些非常简单的东西，但我已经为此苦苦挣扎了一整天......我有一个带有一个文本输入的 MatDialog。关闭对话框后，需要将此值发送到父组件。matDialog 很好地从父组件接收数据并将其显示在文本输入中。但是，当我在输入中键入新值时，模型不会更新，因此永远不会返回数据。

MatDialog 组件代码如下。

我也尝试在保存按钮上使用 [matDialogClose]="data.note"和[matDialogClose]="data"，而不是保存功能，结果相同（缺少）。我尝试将数据作为私有注入并将其分配给对话框组件中的变量；

@Inject(MAT_DIALOG_DATA) data

this.data = data

但是无论我尝试了什么， data.note 的值都不会改变。

调用对话框的函数是：

我不确定的一件事（尽管我都尝试过）是哪个 app.module 导入 MatDialogModule 和 ItemNoteDialogComponent，因为我从一个具有子模块的模板开始 - 这是我正在使用的模板。

所以现在我有 app.module：

请注意，我还有其他只显示数据的对话框 - 这些都工作正常。

还有另一个 module.ts - admin-layout.module.ts 声明了调用对话框的组件，但我发现我的对话框似乎只有在 app.module 中才能正常工作，我试过把这个在 admin-layout.module.ts 中，这似乎更糟，如果我同时放入两者，我当然会出错。

这是 admin-layout.module.ts 的当前状态

太好了...如果有人可以告诉我我哪里出错了，我将不胜感激！如果我错过了任何重要信息，请告诉我——我对 Angular 还很陌生 :)

哦，我也尝试在对话框组件中添加 changeDetectorRef ，这没有任何区别。

快速提问。到目前为止我找不到答案。有没有办法在最新的 Angular 版本中创建非模态材质对话框？我也在论坛中查看了它，但也找不到旧版本 Angular 的解决方案。

我将不胜感激。

最好的祝愿，尼克

我有一个函数fun1()，我通过它调用fun2(). 并fun2()会调用dialog.open最终打开一个对话框。

我在这段代码中的问题是，readyfun1() 中的变量将始终变为未定义，因为它不会等到afterClosed()事件在fun2(). 我应该怎么做才能获得resultfrom的实际值fun2()？

更新2

该问题与取消订阅时的错误有关。奇怪的是控制台没有显示任何味精，但仍然停止了代码的工作。修复此问题后，它立即起作用。

问题 我正在使用材质 ui 打开 Mat-Dialog 内的组件。当我关闭对话框时，我对 dialogRef 的订阅不会触发。

parentComponent 调用editCatering() 来打开对话框。

父组件：

然后 dialogComponent 在 onSubmit() 调用上关闭；

我在 parentComponent 和 dialogComponent 的状态中检查了 dialogRef：它们具有相同的 ID，并且在关闭 dialogRef 的状态后变为 2。

知道为什么 dialogRef.afterClosed().subscribe() 不做任何事情吗？

更新1

我还测试了将 afterClosed().subscription 移动到 dialogComponent：

但即使在那里我什么也得不到。

https://stackblitz.com/edit/angular-gd5gcg?file=app/dialog-overview-example-dialog.html

在官方文档的这个例子中，我看到关闭matdialog时返回的值是这个

但是，如果您想发送以前在函数中计算的值会发生什么，例如这样

}

在将值返回给打开 matdialog 的组件之前，如何调用该函数？

谢谢

我最近将我的项目从 Angular 6 更新到 Angular 11。这自然会导致一些问题。我现在正在解决的问题是我有一个 MatDialog 在单击按钮时显示。关闭此 MatDialog 后，应该会弹出另一个 MatDialog 并显示条带结帐对话框。第一次在第一个和第二个Dialog之间调用了afterClosed()，在AfterViewInit之后立即调用了onDestroy，所以什么都没有显示。第二次，条纹 MatDialog 显示得很好。想知道是否有人可以解释这种奇怪的行为。非常感谢您提供的任何帮助！

条纹 HTML：

打开第一个 MatDialog 的代码：

}

打开第二个 MatDialog 的代码：

第二个对话框组件：

在 y 项目中，我从另一个组件打开一个对话框组件，当我关闭对话框组件时，我想在组件调用者中接收一个值，但这仅在值绑定为“真”或“假”时对我有效

记录这个

但是如果我将“true”更改为“XXXXXX”，这将不起作用

如果我尝试发送一个变量

在这种情况下，没有错误但没有收到任何内容

请问有什么想法吗？

我有 2 个组件（每个组件 1 个对话框），我想要一个不透明度为 0 的对话框，以及另一个不透明度为 1 的对话框。我使用了这个：

但它也会影响其他垫子对话框。我能做些什么？