/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

0 vote175 views1 answer
Scope hierarchy in angularjs
Javascript AngularJS
7 votes172 views3 answers
How to add query parameter to url in angular
Javascript AngularJS
0 vote181 views1 answer
Onclick add active class in angular
Javascript AngularJS
0 vote206 views1 answer
Ngcc failed angular 9
Javascript AngularJS
0 vote174 views1 answer
Angular : pass data to component loaded via route
Javascript AngularJS
0 vote168 views1 answer
Operador ternario angular click
Javascript AngularJS
0 vote172 views1 answer
Retrieve list by id from firebase angular
Javascript AngularJS
0 vote176 views2 answers
Properly import mat icon angular 10
Javascript AngularJS
0 vote165 views1 answer
How to find element in array angularjs
Javascript AngularJS
0 vote266 views1 answer
Invalid and touched property of angular
Javascript AngularJS