如何修改Angular MaterialMatDialog的默认动画？

Question

默认情况下，对话框以一定的速度从下到上出现。

使用组件元数据的动画 属性 将延迟修改为 3 秒。

这里是代码 link： https://stackblitz.com/edit/angular-e1yfpy

Answer 1

遗憾的是，您无法修改对话框的动画，因为对话框的动画是使用 Angular 动画以编程方式完成的。

至于对话框显示在彼此下方的原因，那是因为您的应用中没有包含主题！

将styles.css文件修改为以下代码：

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