How to use if-else condition with [ngClass] in angular 7?

angular ng-class
Akshay Kumar picture Akshay Kumar · Jul 25, 2019 · Viewed 13.8k times · Source

I want to use multiple classes inside Angular [ngClass]. I have two classes, It should work accordingly as per the condition of the flag, that are already passed from the component.ts.

Answer

Tushar picture Tushar · Jul 25, 2019

Do like this:

<div [ngClass]="condition1 ? 'class1' : 'class2' " ></div>

(Ternary Operator Usage)

Related questions

Angular 2 Doing an else with ngClass

I have the following template : <p [ngClass]="{checked: condition, unchecked: !condition}"> While this is working, I find it a bit ugly as I have to repeat twice the condition. Is there a way to something like : [ngClass]={condition ? …

Read More
Assign classes conditionally in Angular2

I'm trying to conditionally assign a class to a div based on the value I obtained from my back-end system. Say there is an object 'A' which has a variable status which possibly has values status1 and status2. I'm trying …

Read More
give active class onclick in ngFor angular 2

Hi I have unordered list and all of them have active class. I want to toggle active class when clicked to any list item. My code is like this <ul class="sub_modules"> <li *ngFor="let subModule …

Read More