Angular · Junior · Question 14 of 75

How do you toggle a CSS class depending on a condition?

✓Correct answer: [class.active]="isActive"
2class="active if isActive"
3(class)="isActive ? 'active' : ''"

Explanation

Class binding adds or removes one class. For several classes there is [class]="{ active: isActive, disabled: isDisabled }", and for styles [style.width.px]="width".

How do you toggle a CSS class depending on a condition?

Explanation

Further reading

Problem with a question

Test yourself