HTML

ngclass else

<p class="{{condition ? 'checked' : 'unchecked'}}">
<!-- or -->
<p [ngClass]="condition ? 'checked' : 'unchecked'">
<!--or -->
<p [ngClass]="[condition ? 'checked' : 'unchecked']">

ngclass condition

[ngClass]="{'my-class': step === 'step1'}"

Angular 8 ngClass If

[ngClass]="{'my-class': step=='step1'}"

ngclass condition

[ngClass]="(step=='step1')?'my-class1':'my-class2'"

Angular 8 ngClass If

[ngClass]="(step=='step1')?'my-class1':'my-class2'"

ngclass condition

[class.my-class]="step === 'step1'"

Angular 8 ngClass If

[ngClass]="{'my-class': step=='step1', 'my-class2':step=='step2' }"

ngclass condition

[ngClass]="{'my-class': step === 'step1', 'my-class2':step === 'step2' }"

Angular 8 ngClass If

[ngClass]="{1:'my-class1',2:'my-class2',3:'my-class4'}[step]"

Angular 8 ngClass If

[class.my-class]="step=='step1'"