问题标签 [mat-dialog]

我已经编写了代码来显示角度模态对话框，但是我不知道如何将其居中对齐并在屏幕很大时使其适合父组件我希望它居中。

但是发生的情况是模态对话框背景左右溢出。enter code here

发布列表组件

创建帖子组件

创建帖子组件 HTML

我想删除模态对话框中的背景颜色，例如它应该只适合页面的中心，这意味着它应该适合父宽度。

我现在有这样的东西

更新 我希望模式doialog只显示表单字段应该省略额外的空白我在这里添加了stackblitz stackblitz链接

我正在尝试在两个组件之间使用对话框，但控制台一直给我这个错误。我已经尝试过再次 npm install ，但没有成功。我也尝试过其他问题的建议，但没有任何效果。我不明白的是，我之前已经在同一个应用程序上完成了一个对话并且它确实有效，但是通过执行基本相同的 naother 似乎确实有问题。

app.module.ts：

包.json：

我有这段代码，我需要动态更改数据。所以我决定为此使用流。问题是它似乎在复制流，但它不起作用......有没有办法将它传递到那里？或者如果可能的话，也许还有其他解决方案？对于任何反馈，我们都表示感谢。

仓库堆栈组件.ts

堆栈托盘组件.ts

堆栈托盘组件.html

我正在使用角度材质对话框（v7），我们在对话框和下面的页面中有可编辑的单元格，我们也有可编辑的单元格，如文本区域/文本输入。

当我按下 ctrl+z 打开对话框时，撤消在对话框和背景页面中工作的操作

如何在打开对话框时禁用后台页面中的所有控件（如 ctrl+z）。

有关问题的实时示例，请查看以下页面中的最后一个示例 https://material.angular.io/components/dialog/examples

我不确定我在这里做错了什么，但我的对话框似乎没有使用我的部分。这就是我布置对话框的方式：

Stackblitz 示例

这就是我在对话框顶部时的样子。

这是我滚动到对话框底部时的样子。

根据文档，使用时[mat-dialog-title]标题应贴在顶部，使用[mat-dialog-actions]操作时应贴在对话框底部。如屏幕截图所示，这并没有发生。

这就是我打开模式的方式：

我的对话框中有一个提交和一个取消按钮，当我单击提交按钮时验证有效，但是我希望当我单击取消按钮时，表单无需验证即可关闭...现在当我单击取消按钮验证时解雇并第二次关闭表格。

HTML代码：

ts代码：

如何一键关闭表单？谢谢...

在我正在开发的应用程序中，我有一个 Angular Material 对话框，其中包含公司的 mat-selection-list 和字母字符的 mat-list，可以单击以跳转到不同的字母标题。我的问题是，每次启动对话框时，包含我的字母表（对话框的右侧）的 mat-list 必须“弹出”到位，而不是最初应该在的位置。这看起来有点草率/跳跃，我想知道是否有任何方法可以让它在正确的位置。

这是一个展示该问题的 gif： https ://imgur.com/a/rdn1lq6

这是我当前的代码：

以及实际对话内容的 HTML：

我的 global.scss 中的样式规则用于面板：

提前感谢任何人对此的任何见解。

app.component.html：

在这个例子中，我只需要在表格列上显示一行数据，剩下的我需要添加点击这里（一行...点击这里检查），如果我点击这里，那么剩余的行应该显示在 mat 对话框上。

谢谢。

我用这些参数打开一个 matdialog，我看不到水平滚动条

我的 ModalComponent 有以下 html

app-mycomponent 包含一个材质表

不幸的是，模态的水平滚动条没有出现，所以我看不到整个表格

我注意到当我取消选中 line height: 100%; 在下面的 css 中，我得到了水平滚动条，但是模态的高度不正确

更新

我昨天关闭了我的电脑，今天早上开始，错误消失了。不幸的是，水平和垂直滚动条位于模态框内，而我希望将它们放置在模态框的边框上。你能建议我一个解决方案吗

in a mat 对话框在mat-table标题下方显示一行。有没有人遇到过这个问题，我该如何解决？

下面是代码