Multiple classes in ngClass

angular ng-class
Sagi picture Sagi · Dec 29, 2015 · Viewed 29.5k times · Source

I'm trying to add multiple values in *ngClass, what used to work on previous alpha releases and doesn't seem to work now on angular2 beta:

<i *ngClass="['fa','fa-star']"></i>

It produces an error:

EXCEPTION: TypeError: Cannot read property 'add' of undefined in [['fa','fa-star'] in PostView@30:27]

What am I missing here?

Answer

alexpods picture alexpods · Dec 29, 2015

You should use square brackets to create property binding. See this plunk

<i [ngClass]="['fa','fa-star']"></i>

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