Nesting template strings in Typescript

Question

I'm trying to retrieve a variable from an object.

cell: (row: any) => `${row.testcolumn}`

My only issue is that I don't know what 'testcolumn' is ahead of time as I'm doing this dynamically. I'm not sure what to do, and the nested template string strategy I'm attempting will not compile.

cell: (row: any) => `${row.(`${varString}`)}`

I've also tried just using the variable name instead of nesting a template string, but that just looks for the varString value in the object, which doesn't exist. Is there any way I can use a nested literal to substitute the string value into the template literal and it still look for row.testcolumn instead of row.varString?

Would cell: (row: any) => `${row[varString]}` work? Maybe I have misunderstood. — CRice
– CRice, Commented Feb 14, 2018 at 22:02

Estus Flask · Accepted Answer · 2018-02-14 22:06:42Z

7

It is same for template literals as for regular JS. Object properties can be retrieved dynamically with bracket notation, row[varString].

It will be:

cell: (row: any) => `${row[varString]}`

answered Feb 14, 2018 at 22:06

Estus Flask

227k79 gold badges478 silver badges621 bronze badges

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

1 Comment

Vincent Maggioli Over a year ago

Still pretty new to this stuff, I appreciate it!

Collectives™ on Stack Overflow

Nesting template strings in Typescript

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related