/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 votes274 views5 answers
If condition in class angular 8
Javascript AngularJS
0 vote103 views1 answer
Acheck angular version
Javascript AngularJS
3 votes96 views1 answer
Install ionic @angular/fire
Javascript AngularJS
0 vote102 views1 answer
Angular access service in console
Javascript AngularJS
0 vote101 views1 answer
Not Found The requested URL was not found on this server angular routing when going back to site from ecternal source
Javascript AngularJS
0 vote47 views1 answer
Angular cli command to skip tests
Javascript AngularJS
0 vote110 views1 answer
Angular view not changing on model
Javascript AngularJS
139 votes209 views6 answers
Angular cli
Javascript AngularJS
0 vote94 views1 answer
How to add dropdown with filter in angular material
Javascript AngularJS
0 vote105 views1 answer
Angular socket.io with token header
Javascript AngularJS