如何在角度材质对话框中创建自定义动画？

Question

我正在使用角度材质对话框组件代码，并希望在打开/关闭持续时间上添加向右滑动的动画。

openDialog() {
    this.dialog.open(DialogContentExampleDialog);
}

谢谢

Answer 1

演示将其放在index.hml中

 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.min.css" />

在组件中调用这个

const dialogRef = this.dialog.open(DialogContentExampleDialog,{panelClass: ['animate__animated','animate__slideInLeft']});