Angular provides multiple ways to add classes conditionally:
First way
active is your class name
[class.active]="step === 'step1'"Second way
active is your class name
[ngClass]="{'active': step=='step1'}"Third way
by using ternary operator class1 and class2 is your class name
[ngClass]="(step=='step1')?'class1':'class2'"