title: ng bootstrap modal with Angular animation ':leave' not working?
body: <p>Why my exit animation 'leave' isn't working?
  Animation for enter works perfectly but for leave(exit) is not working?
  Please check my code and give me hint?</p>
  
  <pre class="lang-js prettyprint-override"><code>      animations: [
          trigger('bubbleGrow', [
            transition(':enter', [
              animate('1000ms ease-in-out',  keyframes([
                style({transform: 'scale(0.5)'}),
                style({transform: 'scale(1)'}),
              ]))
            ]),
            transition(':leave', [
              animate('1000ms ease-in-out',  keyframes([
                style({transform: 'scale(1)'}),
                style({transform: 'scale(1.1)'}),
                style({transform: 'scale(0)'})
              ]))
            ]),
          ])
        ]
  
  
       constructor(private modalService: NgbModal, private activeModal: NgbActiveModal){}
  
  
        close() {
          this.activeModal.close();
        }
  
  </code></pre>
  
  <pre class="lang-html prettyprint-override"><code>    &lt;div class="modal-body" [@bubbleGrow]&gt;
        Here is my code in modal....
          &lt;button type="button" class="close" (click)="close()" &gt;
           &lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt;
          &lt;/button&gt;
      &lt;/div&gt;
  </code></pre>