Angular 如何在Mat对话框外部添加取消图标或按钮

Angular 如何在Mat对话框外部添加取消图标或按钮,angular,typescript,angular-material,Angular,Typescript,Angular Material,我想在Mat对话框打开时在其外部添加取消图标 供参考: 提前谢谢。首先,您的对话框容器应该定位到相对位置,x按钮定位到绝对位置。然后在x按钮上,设置为顶部:0;右:0;和翻译(100%,-100%) 它应该根据您的需要进行定位。看到我的闪电战了吗 您检查过这个吗?是的,我查过了。但我想在Mat-dialog之外添加取消图标。在dialog之外添加取消图标是什么意思?这里他们在Mat-dialog的右上角添加了取消图标。我希望取消图标位于Mat-dialog的右上方。您有const dialog

我想在Mat对话框打开时在其外部添加取消图标

供参考:


提前谢谢。

首先,您的对话框容器应该定位到相对位置,x按钮定位到绝对位置。然后在x按钮上,设置为顶部:0;右:0;和翻译(100%,-100%)

它应该根据您的需要进行定位。看到我的闪电战了吗

您检查过这个吗?是的,我查过了。但我想在Mat-dialog之外添加取消图标。在dialog之外添加取消图标是什么意思?这里他们在Mat-dialog的右上角添加了取消图标。我希望取消图标位于Mat-dialog的右上方。您有
const dialogRef=this.dialog.open(DialogContentExampleDialog,{
)在stackblitz中。您可以在任何需要的地方执行
this.dialogRef.close()
,这就是我要找的。谢谢