/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 vote287 views2 answers
Utiliser les données passees a un modal dans son propre composant en angular
Javascript AngularJS
1 vote240 views1 answer
Data table in angular 8 from api
Javascript AngularJS
0 vote210 views1 answer
Angular call function on option select
Javascript AngularJS
3 votes192 views1 answer
Data binding on checkbox angular
Javascript AngularJS
0 vote189 views1 answer
Angular submit with required
Javascript AngularJS
0 vote223 views1 answer
Display component in popup angular 8
Javascript AngularJS
0 vote197 views1 answer
How to add external link in angular
Javascript AngularJS
28 votes376 views6 answers
Angular routing example
Javascript AngularJS
8 votes205 views3 answers
Angular formgroup on value change
Javascript AngularJS
0 vote190 views1 answer
Angular get device information
Javascript AngularJS