/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 vote98 views1 answer
Angular maxlength directive input type number
Javascript AngularJS
2 votes109 views4 answers
This version of CLI is only compatible with Angular versions
Javascript AngularJS
7 votes91 views4 answers
Build angular project
Javascript AngularJS
0 vote100 views1 answer
Reactive forms angular conditional disabling
Javascript AngularJS
0 vote108 views1 answer
Angular chartjs align legend left
Javascript AngularJS
0 vote111 views1 answer
Angular 9 form value changes
Javascript AngularJS
7 votes96 views1 answer
Angular ng serve with custom port
Javascript AngularJS
0 vote109 views1 answer
Angular subscribe on value change
Javascript AngularJS
3 votes141 views3 answers
Validator angular
Javascript AngularJS
0 vote100 views1 answer
Angular get name of component
Javascript AngularJS