how can i resolve hyper declaration error in typescript?

Question

I have an object defined as:

{ "IP-Address":"1.1.1.1", "name":"User1" }

in HTML

It shows an error The righthand side of arithmetic operator must be type 'any'. Because of Hyphen(-). How can I resolve that?

its interpreting it as (data.IP) minus (Address). You can use a array style notation like ```data["IP-Address"]``` — Akin Okegbile, Jul 16 '20 at 15:15
Does this answer your question? [How do I reference a javascript object property with a hyphen in it?](https://stackoverflow.com/questions/7122609/how-do-i-reference-a-javascript-object-property-with-a-hyphen-in-it) — Akin Okegbile, Jul 16 '20 at 15:17

score 2 · Answer 1 · answered Jul 16 '20 at 14:46

Try with

{{data['IP-Address']}}

But I'd also suggest to manage more simple property names so you may use the safe navigation operator in case it could be useful on your app.

So you could do this

{{data?.ipAddress}}

and prevent possible error

TypeError: Cannot read property 'name' of null.

in case you're rendering when your object is still null or undefined.

score 0 · Answer 2 · answered Jul 16 '20 at 14:38

0

Change your html code to {{data['IP-Address']}}

answered Jul 16 '20 at 14:38

ViqMontana

2 Answers2