/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 votes271 views3 answers
Skip import angular 6
Javascript AngularJS
-1 vote247 views2 answers
Activate router angular
Javascript AngularJS
1 vote264 views3 answers
Dynamically add id ro div in angular using forloop ngfor
Javascript AngularJS
0 vote278 views1 answer
Configure angular router apache
Javascript AngularJS
0 vote384 views2 answers
Show password eye icon angular 9
Javascript AngularJS
0 vote256 views1 answer
Reactive forms angular conditional disabling
Javascript AngularJS
0 vote267 views1 answer
Angular 9 form value changes
Javascript AngularJS
0 vote267 views1 answer
Angular create injectable
Javascript AngularJS
0 vote264 views1 answer
How to bind two ng-content in a component angular
Javascript AngularJS
1 vote256 views1 answer
Uppercase angular pipe
Javascript AngularJS