在关闭Angular对话框中创建一个过渡

Question

当对话框打开时我已经创建了动画，但是当“角度”对话框关闭时我想要相同的动画。

这是我打开动画对话框的代码：

<div class="container">
  <div class="body-container" [ngClass]="getBorderColor()">
</div>
 <button mat-dialog-close>Cancel</button>
</div>

.body-container {
  animation: animation-name .5s ease-out forwards;
}

@keyframes animation-name {
  0% {
    transform: translateX(100%);  }
  100% {
    transform: translateX(0%);
  }
}  

这是我创建的堆叠闪电战。

envsub