/Javascript/AngularJS/Slide div on click angular

Slide div on click angular

import { trigger, transition, animate, style } from '@angular/animations'

@Component({
  ...
  animations: [
    trigger('slideInOut', [
      transition(':enter', [
        style({transform: 'translateY(-100%)'}),
        animate('200ms ease-in', style({transform: 'translateY(0%)'}))
      ]),
      transition(':leave', [
        animate('200ms ease-in', style({transform: 'translateY(-100%)'}))
      ])
    ])
  ]
})

Source: stackoverflow.com

Slide div on click angular

<div *ngIf="visible" [@slideInOut]>This element will slide up and down when the value of 'visible' changes from true to false and vice versa.</div>

Source: stackoverflow.com

Similar codes

-1 vote99 views1 answer
Angular httpclient post body
Javascript AngularJS
0 vote115 views1 answer
Ngstyle background url angular
Javascript AngularJS
0 vote107 views1 answer
Const link = document.createElement('a'); angular10
Javascript AngularJS
1 vote103 views1 answer
Forms in angular
Javascript AngularJS
1 vote100 views1 answer
Angular download image base64
Javascript AngularJS
0 vote61 views4 answers
How to implement read more and readless in angular
Javascript AngularJS
0 vote107 views1 answer
Anchor click event angular refresh page
Javascript AngularJS
0 vote145 views1 answer
Import map in angular
Javascript AngularJS
18 votes91 views10 answers
Angular ngif
Javascript AngularJS
8 votes108 views2 answers
Redirect angular
Javascript AngularJS