/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

5 votes138 views4 answers
Generate guard angular
Javascript AngularJS
0 vote144 views1 answer
Allow downloads from angular website
Javascript AngularJS
1 vote137 views1 answer
Dynamic component angular parameters
Javascript AngularJS
0 vote206 views1 answer
Get current url last part angular
Javascript AngularJS
0 vote146 views1 answer
How to push object in array in angular from an api
Javascript AngularJS
2 votes135 views1 answer
Remove single item from array in angular
Javascript AngularJS
0 vote150 views1 answer
VideoTitle$ Angular 2 - communication between two sibling components
Javascript AngularJS
26 votes152 views1 answer
Angular lifecycle hooks
Javascript AngularJS
21 votes146 views6 answers
Angular ngclass
Javascript AngularJS
1 vote138 views1 answer
Angular cli path environment variable
Javascript AngularJS