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

Change this:

isActive:true;
canToggle:false;

to this:

isActive = true;
canToggle = false;

Answer 2

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 .