问题标签 [mat-dialog]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
691 浏览

angular - 如何在 Mat 表中每一行的按钮单击事件下设置对话框的位置?

这是我的示例代码。我在这里创建了代码,请在此处查看我的工作代码

我试图为一个对话框设置一个位置

dialogConfig.position = { top: '370px',left: '500px'}

但是对于每一行,它都在相同的位置打开。 在此处输入图像描述

在这里,我需要在 Change Request 按钮的每一行下打开一个对话框。

样品 - 需要什么 样品 - 需要什么

以下代码用于对话框

}

0 投票
0 回答
490 浏览

css - 如何在 Angular 中使用顶部三角形的每个垫表行上的垫子对话框上创建动态自定义样式 - 材料

这是我的示例代码。 请在此处找到我的工作示例代码

我需要在垫子对话框的右上角设置三角形 - Angular。

我在最后一行使用静态 css 获得右上角三角形对话框。但是这里无法在更改请求按钮单击时访问每一行。

下面的代码是对话框组件

下面的代码来自 style.scss

我越来越像这样了。 在此处输入图像描述

在此处输入图像描述

但我希望在更改请求按钮单击事件下的每一行上都有带有上箭头的对话框 在此处输入图像描述

0 投票
1 回答
201 浏览

angular - 通过 ID 将 API 数据传递给 MatDialog

我有一个 API 数据列表,但并未显示所有数据。我尝试通过 MatDialog 弹出弹出窗口以呈现更多细节,在这种情况下是“评论”。当然链接到正确的 ReferenceNo/ 列..任何建议?

父组件.ts:

父组件.html:

ChildComponent.ts:

ChildComponent.html:

错误: 在此处输入图像描述

0 投票
1 回答
735 浏览

angular - 使用@Inject MAT_DIALOG_DATA 传递多个属性

这个对话框是共享的,我需要在不同的情况下使用它。我正在尝试在组件使用对话框时接收不同的数据。

我可以正确接收第一个数据,但“data2”与“data1”相同......是否可以使用两个“@Inject(MAT_DIALOG_DATA)”?

Dialog ctor(我尝试过的)

垫对话框配置文件

打开对话框方法

0 投票
1 回答
110 浏览

angular - 在 matDailog (Angular 9+) 中注入后在 json 视图中显示数据

我需要在MatDialog内的 JSON 视图中显示数据。我正在使用 API 来获取一些数据,然后data使用MatDialog. 数据已成功注入,也可在对话框组件中访问。我正在使用ngx-json-viewer 包在 JSON 视图中显示此数据,但它不起作用。这是我打开对话框并将数据传递给它的方式-

这是我在模板页面上使用的 -

0 投票
1 回答
145 浏览

angular - Mat Dialog pass 数组

当用户单击按钮以显示信息时,它会打开 mat 对话框。但是弹出是空白的,数据没有通过。



0 投票
0 回答
16 浏览

javascript - MatDialog : FullscreenOverlayContainer 的主题显示错误

很抱歉在这里打扰您,但我们的开发团队遇到了问题。

我们有一个 div 可以被导航器显示为全屏容器。在这个 div 中,我们打开一个模态 MatDialog。这个 MatDialog 是附在 body 上而不是附在 div 上,所以我们使用 FullscreenOverlayContainer 来支持在全屏模式下正确显示覆盖元素。对于我们的应用程序,我们使用 2 个主题,一个是默认主题,一个是深色主题。当模态 MatDialog 从 div 以全屏模式打开时,所选主题(默认或深色)很好地传输到正确显示的模态。另一方面,当 div 未处于全屏模式时,模态 MatDialog 不会接收所选主题,因此无法正确显示。

在此先感谢您的时间

模态 MatDialog

0 投票
2 回答
74 浏览

angular - 使用 *ngFor 将数据传递给 mat-dialog

我正在尝试使用 *ngFor 显示传递给对话框组件的数据。我正在传递这样的数据

我正在尝试使用 1.view 页面在对话框组件中访问它们

2.ts页面

我得到输出

但不适用于 select 语句。select 没有填充选项。如您所见,下面填充了相同的列,但为什么不在 select 语句中。请有任何建议。 在此处输入图像描述

0 投票
0 回答
211 浏览

angular - 关闭关闭时,有没有办法使 mat-dialog 的背景可点击?

我开发了一个垫子对话框,只有当我单击关闭按钮时才会关闭,这意味着它被设置为禁用。当我的对话框打开时,我想在后台输入。如何启用此功能?

代码:

我试图hasBackDrop= true在函数中激活背景。不幸的是,它没有用。你知道我该如何解决这个问题吗?

0 投票
2 回答
749 浏览

css - 如何传入 Angular mat 对话框的宽度和高度?

我在 Angular 中有这个 Mat 对话框,我知道我应该在该对象旁边传递宽度和高度的样式,但我无法弄清楚如何,它不断抛出错误。或者有没有其他方法来设置宽度和高度?谢谢