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

标签 angular dialog modal-dialog angular-material

我正在关注 Youtube( https://www.youtube.com/watch?v=xJJ_NDqvuCk )上的 Angular MatDialog 教程,并按照说明进行了完全相同的操作。但是,弹出窗口似乎无法正常工作。如何让弹出窗口显示在屏幕中间而不是附加到 HTML 的底部

How it shows

Code where dialog is implemented

Component template of dialog

最佳答案

你导入了主题吗?

将以下行添加到 styles.css/styles.scss/你的主要 CSS 文件:

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

关于Angular MatDialog 附加到 HTML 而不是显示为弹出窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52602550/

相关文章:

angular - 在 Angular 6 指令中格式化数字/货币

html - 以 Angular 在垫卡上使用阴影

javascript - JQuery、CSS 和对话框。将东西插入按钮 Pane div

visual-c++ - 我在我的对话框类中添加了一个 OnPaint() 函数,但它在 dlg.DoModal() 之后没有被调用

javascript - 使用 JavaScript 对 Flash 内容强制使用 wmode

css - webpack 图像加载器错误

javascript - Angular 5 http post方法在nodejs中未调用

javascript - 检索 jquery-ui 对话框的 div

extjs - CQ5,使用extjs在组件对话框中动态设置 'defaultValue'?

javascript - 如何使用 GET 方法将 id 传递给同一页面中的模式?