/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

10 votes226 views2 answers
Make service in angular 8
Javascript AngularJS
12 votes289 views5 answers
Angular font awesome
Javascript AngularJS
0 vote197 views1 answer
Mengakses gambar didalam asset angular
Javascript AngularJS
0 vote222 views2 answers
Angular 4 "Property does not exist on type component"
Javascript AngularJS
24 votes196 views1 answer
Angular date formats
Javascript AngularJS
0 vote334 views1 answer
Angular number pipe to four decimals
Javascript AngularJS
1 vote197 views1 answer
Angularjs round to 2 decimal places input
Javascript AngularJS
0 vote211 views1 answer
Set form invalid angular
Javascript AngularJS
0 vote183 views1 answer
Angular Cannot find name 'require'.
Javascript AngularJS
18 votes185 views10 answers
Angular ngif
Javascript AngularJS