При закрытии углового диалога создайте переход - PullRequest
Новая
       9

При закрытии углового диалога создайте переход

0 голосов
/ 17 сентября 2018

Я создал анимацию, когда диалоговое окно открывается, но я хочу то же самое, когда закрывается диалоговое окно Angular.

Это мой код для открытия диалога с анимацией: 

<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%);
  }
}

И вот созданный мною стек.

https://stackblitz.com/edit/slow-dialog-f5nnnr?file=app%2Fdialog-overview-example-dialog.css

...