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'"

conditional classes angular

<div 
  [className]="isActive ? 'active' : 'inactive'">
</div>

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' }"

how to use ngclass in angular with condition

[ngClass]="{'myclass1': match === 'match1'}"
[ngClass]="{'myclass2': match === 'match1', 'myclass2' : match === 'match2' }"

Angular 8 ngClass If

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

angular conditional class

<button [class.disable]="1==1">Apply disable class when condition is true</button>

angular conditionally applying class usingn ngclass directive

<p [ngClass]="{'red':false, 'green':true}">
  Sure you understand Angular Directives!
</p>

<style>
  .red{color: red}
  .green{color: green}
</style>

Angular 8 ngClass If

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