/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

1 vote140 views1 answer
Angular matdialogref
Javascript AngularJS
0 vote176 views1 answer
Cannot find name 'Position' angular
Javascript AngularJS
0 vote174 views2 answers
Referrer Policy: strict-origin-when-cross-origin angular
Javascript AngularJS
1 vote335 views1 answer
Angular amber theme
Javascript AngularJS
8 votes180 views3 answers
Angular deployment
Javascript AngularJS
0 vote181 views1 answer
Link in directive angularjs
Javascript AngularJS
3 votes188 views1 answer
Angular 404 on refresh
Javascript AngularJS
0 vote295 views1 answer
Angular cannot access event.target.value of input element using $event
Javascript AngularJS
0 vote167 views1 answer
Update angular materia;
Javascript AngularJS
5 votes165 views3 answers
Skip import angular 6
Javascript AngularJS