Angular MatDialog会附加到HTML，而不是显示为弹出窗口

Question

我正在关注Youtube（https://www.youtube.com/watch?v=xJJ_NDqvuCk）上的Angular MatDialog教程，其操作与说明完全相同。但是，弹出窗口似乎无法正常工作。如何使弹出窗口显示在屏幕中间，而不是附加到HTML底部

Answer 1

您导入了主题吗？

将以下行添加到styles.css / styles.scss /主CSS文件中：

@import '~@angular/material/prebuilt-themes/indigo-pink.css';