/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 vote147 views2 answers
Check if item is already registered in angular angularfire site:stackoverflow.com
Javascript AngularJS
0 vote174 views1 answer
Firebase timestamp to date angular
Javascript AngularJS
-1 vote177 views1 answer
Angular back button
Javascript AngularJS
7 votes202 views8 answers
Angular mouseenter
Javascript AngularJS
16 votes215 views6 answers
Generate a component in angular
Javascript AngularJS
0 vote171 views1 answer
Addclass to elementref angular
Javascript AngularJS
0 vote152 views1 answer
Material icon button angular
Javascript AngularJS
0 vote243 views1 answer
Como saber cuando un link cambia angular
Javascript AngularJS
0 vote202 views1 answer
Loader service show hide unit test angular
Javascript AngularJS
4 votes202 views2 answers
Add jquery angular
Javascript AngularJS