/Javascript/AngularJS/Angular ng class with animation

Angular ng class with animation

<body [ngClass]="{'short': condition, 'long': !condition }">
  ...
</body>

.short {
  background-color: blue;
  transition: all 0.5s 0s ease-in;
}
.long {
  background-color: red;
  transition: all 1s 0s ease-in;
}

Similar codes

0 vote243 views1 answer
Angular debug chrome launch.json
Javascript AngularJS
1 vote243 views1 answer
Angular cli path environment variable
Javascript AngularJS
0 vote234 views1 answer
Ngmodel component angular
Javascript AngularJS
7 votes215 views4 answers
Refresh current component angular
Javascript AngularJS
12 votes246 views3 answers
Angular create guard
Javascript AngularJS
0 vote219 views1 answer
Custom search filter in angular 8
Javascript AngularJS
0 vote257 views1 answer
How to read from asset in angular
Javascript AngularJS
2 votes231 views2 answers
If 'router-outlet' is an Angular component, then verify that it is part of this module.
Javascript AngularJS
0 vote238 views3 answers
How to receive window.postmessage event in angular 9
Javascript AngularJS
0 vote250 views1 answer
Angular : pass data to component loaded via route
Javascript AngularJS