/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

27 votes150 views5 answers
Create new project angular
Javascript AngularJS
0 vote119 views2 answers
How to auto click webpage in angular
Javascript AngularJS
3 votes138 views2 answers
Queryparams angular
Javascript AngularJS
0 vote148 views2 answers
Angular js email id validation with pattern
Javascript AngularJS
0 vote115 views3 answers
Stripe angular
Javascript AngularJS
0 vote124 views2 answers
Ng update angular material
Javascript AngularJS
0 vote68 views1 answer
Install bootstrap in angular 9 stack overflow
Javascript AngularJS
1 vote127 views1 answer
Angular add font
Javascript AngularJS
0 vote126 views2 answers
Accept 2 values after decimal in angular forms
Javascript AngularJS
0 vote123 views1 answer
Vs 2019 how to publish angular environment prod
Javascript AngularJS