/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

17 votes112 views1 answer
Angular delete component full
Javascript AngularJS
0 vote148 views1 answer
Angular local storage ionic
Javascript AngularJS
0 vote155 views1 answer
Angular Failed to make request to https://www.gstatic.com/firebasejs/releases.json
Javascript AngularJS
0 vote149 views1 answer
Checkbox not binding to scope in angularjs
Javascript AngularJS
1 vote150 views3 answers
Angular set class
Javascript AngularJS
-1 vote295 views1 answer
An unhandled exception occurred: ENOENT: no such file or directory, lstat 'C:\Users\hp\Desktop\New folder\node_modules' See "C:\Users\hp\AppData\Local\Temp\ng-uhxyh2\angular-errors.log" for further details.
Javascript AngularJS
0 vote164 views1 answer
Ag grid angular examples
Javascript AngularJS
3 votes179 views1 answer
Angular command to create interceptor
Javascript AngularJS
0 vote156 views1 answer
Installing toast for angular projects
Javascript AngularJS
4 votes153 views1 answer
Clear angular formarray
Javascript AngularJS