API JSON using number

Question

I'm working with Angular 4 and I have used the CoinMarketCap API. But there's a field that's been giving me a big headache. Any suggestions?

this:

"24h_volume_usd": "72855700.0",

this is my html:

<tr *ngFor="let coin of coins">
  <td>{{coin.24h_volume_usd | currency:'USD':true:'1.0-2'}}</td>
</tr>

this is error:

 Uncaught Error: Template parse errors:
 Parser Error: Unexpected token '0.24' at column 5 in [{{coin.24h_volume_usd | currency:'USD':true:'1.0-2'}}]

user47589 · Accepted Answer · 2017-08-09 17:58:19Z

2

Symbols can't start with a number in JS. So you'll need to use the array syntax:

<td>{{coin['24h_volume_usd'] | currency:'USD':true:'1.0-2'}}</td>

answered Aug 9, 2017 at 17:58

user47589

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

Comments

DeborahK · Accepted Answer · 2017-08-09 17:58:02Z

0

It appears that you can't begin a property with a number. So change 24h_volume_usd to something else such as _24h_volume_usd

I just tried modifying one of my variables to start with a number and also see several syntax errors.

answered Aug 9, 2017 at 17:58

DeborahK

60.9k12 gold badges115 silver badges136 bronze badges