Question

我认为我没有正确移动弹出窗口，就像你在图片上看到的那样。

Two dialog instead of one

如何处理角度？

编辑：如果你仔细观察我发送的图片，中心会有一个弹出窗口，底部也有一个弹出窗口（红色）。我觉得底部的那个消失了。

要显示弹出窗口，我使用此代码：https://material.angular.io/components/dialog/examples

唯一的区别是css： my css

Answer 1

您似乎没有在项目中包含主题。

您使用的是angular-cli吗？

如果你是，请 @import "~@angular/material/prebuilt-themes/indigo-pink.css";中的style.css。

如果没有，请将<link href="node_modules/@angular/material/prebuilt-themes/indigo-pink.css" rel="stylesheet">放入index.html。

然后不要忘记删除自定义CSS！

在此处查看第4步：material.angular.io/guide/getting-started

Answer 2

这个例子可以帮助你第一个：

this.dialog = this.dialog.open(Dialog1, {
            width: '100px',
            height: '1000px'
        });
        this.dialog.updatePosition({ top: '20px', left: '20px' });
this.dialog.afterClosed().subscribe((result: any) => {
  this.dialog2.close();
})

第二个左侧130个像素：

this.dialog2 = this.dialog2.open(Dialog2, {
            width: '100px',
            height: '1000px'
        });
        this.dialog2.updatePosition({ top: '20px', left: '130px' });

如何“正确”移动对话框角度

2 个答案: