/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 vote258 views1 answer
Angular array export to excel
Javascript AngularJS
0 vote277 views2 answers
How to remove text style on td in angularjs
Javascript AngularJS
10 votes242 views3 answers
Angular event emitter
Javascript AngularJS
0 vote274 views4 answers
Angular file upload app with django
Javascript AngularJS
0 vote332 views2 answers
Delete with body angular
Javascript AngularJS
1 vote265 views1 answer
How to use lodash in Angular
Javascript AngularJS
7 votes265 views4 answers
Build angular project
Javascript AngularJS
0 vote306 views1 answer
Angular material nested tree
Javascript AngularJS
0 vote292 views1 answer
How to redirect from login page to other page if user is already logged in in angular using jwt
Javascript AngularJS
8 votes277 views2 answers
Redirect angular
Javascript AngularJS