<p class="{{condition ? 'checked' : 'unchecked'}}">
<!-- or -->
<p [ngClass]="condition ? 'checked' : 'unchecked'">
<!--or -->
<p [ngClass]="[condition ? 'checked' : 'unchecked']">[ngClass]="{'my-class': step === 'step1'}"
[ngClass]="{'my-class': step=='step1'}" <i [class]="user.login_status == 1 ? 'fas fa-circle user_active' : 'fas fa-circle user_inactive'" aria-hidden="true"></i>[ngClass]="(step=='step1')?'my-class1':'my-class2'"
<div
[ngClass]="{
active: isActive,
admin: isAdmin,
subscriber: !isAdmin
}">
</div>