/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

10 votes191 views5 answers
Angularjs foreach
Javascript AngularJS
0 vote172 views2 answers
Unknown Provider angularjs
Javascript AngularJS
0 vote179 views1 answer
Screenfull angular example
Javascript AngularJS
0 vote155 views1 answer
Tinymce-angular load slow
Javascript AngularJS
0 vote173 views1 answer
Angular {{}} new line
Javascript AngularJS
0 vote178 views1 answer
Angular tooltip text ngif
Javascript AngularJS
0 vote177 views1 answer
Angular compnent
Javascript AngularJS
0 vote190 views1 answer
Cannot find name json angular 7
Javascript AngularJS
-1 vote192 views1 answer
Angularjs form validation on submit
Javascript AngularJS
0 vote201 views1 answer
Collapse in angular 4
Javascript AngularJS