AngularJS Expression

Question

I have a quick question on AngularJS: I have one property from JSON as

"icon-class": "home"

Now I need to do this in my html page:

<span class="{{sub.icon-class}}"></span>

the sub is some other object here.

But inspecting the DOM, the value of the above expression is always zero (0). I guess the dash(-) is acting like a subtraction here.

How to do it I could not make it resolve.

Please help.

SomeKittens · Accepted Answer · 2014-10-22 17:05:02Z

3

In this case, you can use bracket notation to retrieve the value when the key has non-standard characters:

<span class="{{sub['icon-class']}}"></span>

answered Oct 22, 2014 at 17:05

SomeKittens

39.6k19 gold badges117 silver badges145 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

superb, thanks. It worked. I understand the logic now. array[key] seems working. Thank you so much. I am accepting and up-voting your answer.

John Culviner · Accepted Answer · 2014-10-22 18:49:15Z

1

You could do this:

<span class="{{sub['icon-class']}}"></span>

But in general I'd avoid hyphens in variable names

answered Oct 22, 2014 at 17:04

John Culviner

23k6 gold badges59 silver badges53 bronze badges

You have a syntax error - the dot shouldn't be there.

ya, looks like it is a syntax error. Hey, guys not its working. Thank you so much.