问题标签 [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 投票
2 回答
507 浏览

angular - 如何将数据从模态传递到调用角度组件?

调用modal.component.ts

sharemodalComponent.component.ts

一键单击,我调用onaddCus()。在这个函数中,我想将 this.sharingWith 和 this.addCusForm.value.selectedPermissionType 传递给 callmodal.component.ts。

如何将此参数传递给callingmodal.component.ts?

0 投票
0 回答
528 浏览

angular - Angular:Mat-Dialog 关闭后 Mat-Table 未更新

我有一个带有表单的对话框。在单击保存插入数据后,将HTTP POST调用服务并将数据插入数据库。此对话框组件与显示表格(Mat Table)的父组件相连。HTTP GET此 Mat Table 从称为 insidegetTableData()方法的服务中获取其数据。面临的问题是,单击SAVE对话框的按钮(然后插入数据并关闭对话框)后,表格不会使用新插入的值进行更新。以下是我的代码供参考:

对话框组件

对话框 HTML

cdkFocusInitial 警告消息

匹配“[cdkFocusInitial]”的元素不可聚焦。a11y.js:1510

对话框的父组件ts

请帮助我在哪里遇到问题?同样在所看到的情况下,如果我按下Cancel对话框中的按钮也没有更新表格mat-dialog-close,表格也会被刷新。

PS有时表格的实时更新正在工作

0 投票
0 回答
1237 浏览

angular - 带有选项卡的 mat-dialog 不能以角度工作

我想在打开对话框时显示 2 个选项卡。但对话框仅包含选项卡文本,选项卡不起作用。这是我的代码,

对话框概述示例-dialog.component.html

example.component.html

选项卡没有出现在对话框中在此处输入图像描述

参考:https ://stackblitz.com/edit/angular-5zbvzd

0 投票
1 回答
144 浏览

angular - 从小吃店关闭对话框

我有一个可以由小吃店关闭的对话框。我的代码关闭了对话框,但我需要移动鼠标来获取它。所以我想不知何故,这个观点被卡住了。

如何在不需要移动鼠标的情况下将其关闭?

0 投票
1 回答
733 浏览

angular - Angular Mat 对话框单元测试:This.dialogref.updatesize 不是函数

我是角度的新手。我正在尝试为 mat 对话框编写单元测试,但它会引发错误。

我在 ts 文件中的方法:

规格文件

我收到两个错误。

  1. 无法读取未定义的属性“setvalue”
  2. this.dialogref.updatesize 不是函数。

可能是我写错了嘲笑。请帮我解决这个错误

0 投票
3 回答
1278 浏览

angular - mat-dialog 在页面加载时未正确打开

每当加载特定的 url 时,我都会尝试打开 mat-dialog。目前,它仅在您重新加载整页时才有效。我希望它在加载此特定角度路由时启动 mat-dialog,无论它是完整页面加载还是已加载使用角度路由器的角度应用程序。我试过把下面的代码放进去ngOnInit(),也试过里面ngAfterViewInit()但同样的问题。我尝试的另一件事是在获取 userIsAuthenticated 值后立即将其放入构造函数中,但同样的问题。我很感激任何帮助!

我还尝试将以下内容添加到构造函数中:

但警报只在第一次弹出。如果我单击地址栏中的 url 以突出显示 url 并按 enter,则不会出现警报。

0 投票
2 回答
680 浏览

angular - 角垫按钮样式未在垫对话框中应用

我有一个 Angular 9 项目。一切正常,但是当 mat-dialog 打开时,它包含几个按钮。并且材质样式不适用于这些按钮。我想知道为什么。问题仅存在于一个 mat-dialog 窗口。在其他页面中一切正常:垫按钮样式正确应用。你不能帮我解决这个问题吗?

代码注册.component.ts:

代码对话框printdocs.component.html:

代码 app.module.ts:

代码材料.module.ts:

0 投票
1 回答
264 浏览

click - 通过向元素动态添加“单击”事件打开 MatDialog

我有一个 HTML 列表,我在其中动态设置 .active 类。具有此类的元素需要具有打开 MatDialog 的“单击”事件。问题是我在尝试执行类似操作时遇到错误:

Angular 组件 .html 文件

Angular 组件 .ts 文件

然后,当我单击列表中的一个元素时,出现错误:

TypeError:无法读取未定义的属性“打开”

当我像这样在 HTML 中静态声明(单击)指令时,一切正常:

如何动态地将点击事件添加到 span 元素并能够在 Angular 9 中打开 MatDialog 组件?提前致谢。

0 投票
1 回答
29 浏览

javascript - 角垫对话不保存多个值

我正在使用Anular9和使用mat-raised-button如下:

定义saveClick()如下

data是所有记录的共同点。

上面的代码只保存了第一条记录i=0。如何更改saveClick()以将所有记录保存到i < this.hostid.length?

0 投票
1 回答
486 浏览

angular - how to write unit test to cover all the condition of breakpoint observer?

I try to write unit test breakpoint observer. but the positive condition is not covered

enter image description here

Help me to write unit test for the line

Thanks in advance.