/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 vote149 views1 answer
Hide element when pressing button angular
Javascript AngularJS
0 vote135 views1 answer
Angular implementing Validator
Javascript AngularJS
0 vote136 views1 answer
Angular ng owl date time custom format
Javascript AngularJS
0 vote185 views1 answer
Angular table lazy loading
Javascript AngularJS
7 votes147 views5 answers
Angular select change
Javascript AngularJS
0 vote136 views1 answer
How can i use two api at the same time in angular
Javascript AngularJS
0 vote139 views1 answer
Angular animation scale width and height
Javascript AngularJS
0 vote148 views1 answer
Masterselect angular 8
Javascript AngularJS
0 vote145 views1 answer
Put validation on the cell number in angular
Javascript AngularJS
0 vote162 views1 answer
Angular scroll event on div chang width
Javascript AngularJS