/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

-3 votes161 views7 answers
Angular
Javascript AngularJS
2 votes162 views2 answers
Angular limit string length
Javascript AngularJS
0 vote167 views1 answer
Firebase angular send notification to by tocken
Javascript AngularJS
0 vote165 views1 answer
Comment intégrer font awesome et bootstrap dans angular 13
Javascript AngularJS
1 vote153 views1 answer
If 'ion-item' is an Angular component, then verify that it is part of this module.
Javascript AngularJS
20 votes183 views2 answers
Responsive grid system angular
Javascript AngularJS
15 votes178 views3 answers
Forloop angular
Javascript AngularJS
0 vote157 views1 answer
Angularjs make post request
Javascript AngularJS
7 votes143 views4 answers
Build angular project
Javascript AngularJS
2 votes183 views1 answer
What is the use of angularjs
Javascript AngularJS