Angular Conditional Classes error “Cannot read property ‘remove’ of undefined at BrowserDomAdapter.removeClass”

There are several ways to conditionally add or change classes in Angular 2+ versions.

1st case

[ngClass]="{'your-class-name': yourCondition }"
[ngClass]="{'myClass': task === 1 }"

2nd case

[class.your-class-name]="condition"
[class.myClass]="task === 1"

3rd case

[ngClass]="{'myClass': task === 1, 'myClass2':task === 2 }"

4th case

[ngClass]="{1:'myClass1',2:'myClass2',3:'myClass3'}[index]"

5th case

[ngClass]="(task==1)?'myClass1':'myClass2'"

Tags: angular, angular8, angular9, javascript, typescript