Aura iteration over array of objects accessing key values

Question

I am using aura:iteration to iterate and show images on my lightning component. Which looks like below:

<aura:iteration items="{!v.Assets}" var="asset">
  <img src="{!asset.asset-url}"/>
</aura:iteration>

For some reason, the aura expressions can't evaluate asset-url and return NaN. Am I doing something wrong here? It works if I do asset_url

does all the elements in list has asset-url populated ? This looks like a data issue — Mohith Shrivastava, Commented Jul 20, 2016 at 23:10
Yeah, it does. Conventionally, I believe it should be asset_url. I was hoping aura could do something like {!asset['asset-url'} — kev_panda, Commented Jul 20, 2016 at 23:15
I'm pretty sure you'll have to rename your asset-url var - I read somewhere that - chars aren't allowed in this syntax... can't remember where though. — Caspar Harmer, Commented Jul 20, 2016 at 23:23

Junaid P Khader · Accepted Answer · 2016-07-21 09:52:26Z

3

Hyphens are not allowed when declaring a variablle. I suggest you to rename the variable with underscore.

answered Jul 21, 2016 at 9:52

Junaid P Khader

1,3978 silver badges17 bronze badges

Add a comment |

1 Answer 1