Re: Angular 2 Typescript ngClass doesn't work when hyphen is used.

[Sander Elias]

Hi Ruchi,

More of an JS problem then an angular one. Try this:

<div [ngClass]="data['status-circle']"></div>

Object notation does not work if you have special characters in your names. Switching to array notation solves this.

Regards

Sander

[Ruchila Baruah]

Hi Sander, this still doesn't solve the problem. The object contains status but CSS has status-circle. I wonder how this binding would work.

--
You received this message because you are subscribed to a topic in the Google Groups "AngularJS" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/angular/zvMEO3TSIFY/unsubscribe.
To unsubscribe from this group and all its topics, send an email to angular+u...@googlegroups.com.
To post to this group, send email to ang...@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[Ruchila Baruah]

Can you give me an example of how this should work ?

[Sander Elias]

Hi Ruchi,

you mean something like this?

<div [ngClass]="data['status-circle']+'-circle'"></div>

[Ruchila Baruah]

No but
[ngClass] = "data.status + '-circle' " did work. Thank you so much for your help. :)