如何为 Angular Material 2 对话框设置动画？答案

【问题标题】：How can I animate Angular Material 2 dialog?如何为 Angular Material 2 对话框设置动画？
【发布时间】：2018-01-02 00:49:20
【问题描述】：

如何为 Angular Material 2 对话框设置动画？

我尝试使用正常的 Angular 2+ 动画理论。它可以工作，但发生的是对话框上的元素被动画化（如预期的那样），并且对话框只是停留。但我想要的是对话框本身应该具有动画效果，例如，不透明度应该在几秒钟内从 1 变为 0。

我还检查了MdDialog.close() 方法是否有任何动画选项，但似乎没有。

将对话框的不透明度从 1 设置为 0（例如在关闭它之前）是一个常见的用例，我如何使用 Angular Material 2 对话框来实现它？

【问题讨论】：

【解决方案1】：

此功能尚不可用。您可以跟踪状态here。

【讨论】：

【解决方案2】：

默认情况下对话框应该是动画的，如here 所示。您是否在应用中添加了BrowserAnimationsModule？

【讨论】：