/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

7 votes221 views5 answers
Update angular project
Javascript AngularJS
0 vote242 views1 answer
Angular chart js legend position
Javascript AngularJS
1 vote242 views1 answer
What it means --skiptests==true in angular
Javascript AngularJS
3 votes216 views1 answer
Angular ion-search
Javascript AngularJS
0 vote225 views1 answer
Angular form initialse
Javascript AngularJS
2 votes234 views1 answer
Refresh date and time every second angular
Javascript AngularJS
0 vote247 views1 answer
Angular erro ao adicionar um projeto no firebase Failed to make request to https://www.gstatic.com/firebasejs/releases.json
Javascript AngularJS
1 vote231 views2 answers
Button click navigate to another page angular
Javascript AngularJS
8 votes227 views3 answers
Angular deployment
Javascript AngularJS
0 vote252 views1 answer
Angular ngif object not null
Javascript AngularJS