angular ngClass directive not getting applied

Question

Can some please help not sure why ngClass is not getting applied in this code

[ngClass]="{'active': isActive,'can-toggle':canToggle}"

Answer 1

The member variables isActive and canToggle are wrongfully defined as types true and false. It should actually be assigned the booleans instead

isActive = true;
canToggle = false;

Modified Stackblitz.

Answer 2

Change this :

isActive:true;
canToggle:false;

to this :

isActive = true;
canToggle = false;