/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

19 votes303 views6 answers
Generate component in angular
Javascript AngularJS
2 votes277 views1 answer
Gitignore for angular
Javascript AngularJS
0 vote304 views1 answer
Angular material moduel
Javascript AngularJS
29 votes359 views2 answers
ERESOLVE unable to resolve dependency tree npm ERR npm ERR! Found: @angular/[email protected] npm ERR! node_modules/@angular/core
Javascript AngularJS
0 vote265 views1 answer
Filter table with multiple input in angular
Javascript AngularJS
24 votes251 views2 answers
Uninstall angular cli
Javascript AngularJS
3 votes271 views1 answer
Angular filter ngfor
Javascript AngularJS
0 vote292 views1 answer
Angular ngstyle variable
Javascript AngularJS
10 votes271 views6 answers
Angular refresh component without reloading page
Javascript AngularJS
2 votes267 views1 answer
Password validation in angular
Javascript AngularJS