/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 vote200 views1 answer
Ngswitchcase in angular 8
Javascript AngularJS
5 votes199 views2 answers
Angular add object to array
Javascript AngularJS
0 vote200 views1 answer
Angularjs select placeholder
Javascript AngularJS
1 vote191 views1 answer
If condition for click in angular
Javascript AngularJS
0 vote203 views1 answer
Refresh a kendo ui widget, when options on AngularJS $scope change
Javascript AngularJS
2 votes194 views1 answer
Password validation in angular
Javascript AngularJS
0 vote191 views1 answer
Can we send image in json in angular
Javascript AngularJS
1 vote194 views2 answers
Get input value angular
Javascript AngularJS
0 vote214 views1 answer
Date and month are swapping in angular
Javascript AngularJS
8 votes207 views4 answers
Angular moment
Javascript AngularJS