/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

4 votes347 views1 answer
Downgrade angular version in project
Javascript AngularJS
0 vote343 views1 answer
Iterating hashmap angular
Javascript AngularJS
0 vote356 views2 answers
Convert int to string in angular
Javascript AngularJS
0 vote368 views1 answer
Angular chart
Javascript AngularJS
72 votes442 views3 answers
Angular local storage
Javascript AngularJS
0 vote378 views1 answer
Sweetalert angular 8
Javascript AngularJS
0 vote354 views1 answer
How to convert date format using date pipe in angular
Javascript AngularJS
2 votes352 views1 answer
Angularjs 'angular' is not defined
Javascript AngularJS
0 vote324 views1 answer
Acheck angular version
Javascript AngularJS
1 vote346 views1 answer
Angular viewchild input element value
Javascript AngularJS