繁体 English 中英

如何为 Mat 对话框添加取消图标或按钮

[英]How to Add Cancel Icon or Button Outside for Mat dialog

原文 2020-07-28 15:02:10 2 1 angular/ typescript/ angular-material

我想在 Mat-Dialog 打开时为其添加取消图标。

供参考： https://stackblitz.com/angular/dgjvllndexp?file=app%2Fdialog-content-example.html

先感谢您。

1 个解决方案

首先，您的对话框容器应定位到相对位置，x 按钮应定位到绝对位置 position。 然后在 x 按钮上，设置为 top:0;right:0; 并翻译（100%，-100%）。

它应该 position 你想要的请参阅我的 stackblitz https://stackblitz.com/edit/angular-e8aunf

角度5：将按钮放置在垫对话框之外的一半

[英]Angular 5 : Position a button half outside mat dialog

如何使用 svg mat-icon 调整 mat-button 的大小

[英]How to resize mat-button with svg mat-icon

如何将图标添加到 mat-table 中的 mat-sort-header

[英]How to add icon to mat-sort-header in mat-table

如何在 Angular Material 中向 mat-basic-chip 添加关闭图标按钮？

[英]How to add close icon button to mat-basic-chip in Angular Material?

如何在外部单击时关闭没有背景的垫子对话框？

[英]How to close a mat dialog without a backdrop on clicking outside?

添加Mat-icon按钮

[英]Adding mat-icon Button

Angular：当我通过单击对话框外部关闭 Mat 对话框时如何定义默认值

[英]Angular: How do I define a default value when I close the Mat Dialog by clicking outside of the dialog

如何在 mat-icon 和按钮标题之间设置填充

[英]How to set padding between mat-icon and button title

如何在Angular Material Design的Mat-icon按钮中设置数字

[英]How to set numbers in mat-icon button in Angular material Design

如何从 Electron 应用程序中的 [mat-icon] 按钮中删除工具提示？

[英]How to remove tooltip from [mat-icon] button in an Electron application?

暂无

暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 角度5：将按钮放置在垫对话框之外的一半如何使用 svg mat-icon 调整 mat-button 的大小如何将图标添加到 mat-table 中的 mat-sort-header 如何在 Angular Material 中向 mat-basic-chip 添加关闭图标按钮？如何在外部单击时关闭没有背景的垫子对话框？添加Mat-icon按钮 Angular：当我通过单击对话框外部关闭 Mat 对话框时如何定义默认值如何在 mat-icon 和按钮标题之间设置填充如何在Angular Material Design的Mat-icon按钮中设置数字如何从 Electron 应用程序中的 [mat-icon] 按钮中删除工具提示？

相关标签

粤ICP备18138465号 © 2020-2024 STACKOOM.COM