Angular 2 Change Class On Condition
Your equivalence statement of [class.active]="shown == EQUIFAX"
is comparing shown to a variable named EQUIFAX
.
You should, instead, change the equivalency to compare to the string [class.active]="shown == 'EQUIFAX'"
Using [ngClass] would get you [ngClass]="{'active': shown == 'EQUIFAX'}
Here's a playground with this implemented: http://plnkr.co/edit/j2w8aiQPghl0bPZznoF2?p=preview
You can add css class based on condition in NgClass
directive itself:
[ngClass]="{ 'active': myString == ThisIsActiveString }";
You can read more about NgClass
directive and find examples here.