/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

28 votes416 views6 answers
Angular router navigate
Javascript AngularJS
0 vote265 views1 answer
Angular set dist output directly under dist rather than dist/project
Javascript AngularJS
0 vote186 views1 answer
Angularjs ng-options name value
Javascript AngularJS
3 votes304 views3 answers
AngularJs drag and drop
Javascript AngularJS
5 votes191 views2 answers
How to append element in array angular
Javascript AngularJS
0 vote178 views1 answer
Angular lazy-loading cli command
Javascript AngularJS
0 vote184 views1 answer
Filter json array by key in angular 9
Javascript AngularJS
3 votes192 views2 answers
How to set default route in angular
Javascript AngularJS
0 vote225 views1 answer
Xs s font angular
Javascript AngularJS
1 vote210 views3 answers
Angular dropdown selected value
Javascript AngularJS