typescript asking for template literal

Question

I'm using typescript, and is complaining when concatenating a string,

 const content = senderDisplay + ', '+ moment(timestamp).format('YY/MM/DD')+' at ' + moment(timestamp).format('h:mm A');

[tslint] Use a template literal instead of concatenating with a string literal. (prefer-template)

What is the template literal to fix this? cheers

MDN: Template literal. They're an alternate string literal, using ticks rather than quotes, and allow for embedding expressions. — Jonathan Lonowski
– Jonathan Lonowski, Commented Mar 12, 2018 at 2:12
tslint checks for style, you can look up the rules like prefer-template and you can see what is going on... — Jason Goemaat
– Jason Goemaat, Commented Mar 12, 2018 at 2:15

Isac · Accepted Answer · 2018-03-12 03:05:47Z

You can see the template literals in MDN, and these are the prefered style in ES6.

In your case it would become the following:

const content = `${senderDisplay}, ${moment(timestamp).format('YY/MM/DD')} at ${moment(timestamp).format('h:mm A')}`;

Important differences:

Dom · Accepted Answer · 2018-03-12 02:13:57Z

const content = `${senderDisplay}, ${moment(timestamp).format('YY/MM/DD')} at ${moment(timestamp).format('h:mm A')};`

Check out https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals! They're awesome once you get the hang of it, string interpolation is much more readable than concatenating stuff together.

Daniel A. White · Accepted Answer · 2018-03-12 02:13:53Z

Use backticks and ${...}.

 const content = `${senderDisplay}, ${moment(timestamp).format('YY/MM/DD')} at ${moment(timestamp).format('h:mm A')}`;

3 Answers 3