/ Question & Réponse / Angular: conditional class with *ngClass Angular: conditional class with *ngClass Angular //One [class.my-class]="step === 'step1'" [class.text-success]="true" //Two [ngClass]="{'my-class': step === 'step1'}" [ngClass]="{'text-success':true}" [ngClass]="{'my-class': step === 'step1', 'my-class2':step === 'step2' }" //Three [ngClass]="{1:'my-class1',2:'my-class2',3:'my-class4'}[step]" //Four [ngClass]="(step=='step1')?'my-class1':'my-class2'" [ngClass]="{ 'text-success':person.country === 'Maroc', 'text-primary':person.country === 'France', 'text-danger':person.country === 'Mali' }" Question & Réponse How do I check two or more conditions in one ‹c:if› ? Java, JSP Développement Back-end How to check if a number is a float or integer value Javascript Développement front-end Restrict input field to two decimals with jQuery JQuery Développement front-end How to check a boolean condition in EL ? Java, JSP, EL Développement Back-end How to convert int to float with Javascript Javascript Développement front-end How to use selected input select with jsp Java, JSP Développement Back-end How to select all checkboxes in table with javascript Javascript Développement front-end How to generate random numbers in Java Java Développement Back-end How to fixed format number decimale after with JS Javascript Développement front-end Angular error: Can't bind to 'ngModel' since it isn't a known property of 'input' Angular Développement front-end Switch statement multiple cases in JavaScript Javascript Développement front-end How to Get the Path of the Current Working Directory in Node.js ? NodeJS Développement back-end