如何在 TypeScript 中执行字符串插值？答案

【问题标题】：How to perform string interpolation in TypeScript?如何在 TypeScript 中执行字符串插值？
【发布时间】：2018-01-06 02:02:38
【问题描述】：

C# 使用字符串插值

int value = 100;
Console.WriteLine($"The size is {value}.");

输出：

大小为 100。

如何在 TypeScript 中做同样的事情？

【问题讨论】：

@poke，只是想知道。 “如何在打字稿中进行字符串插值？” link 是“如何在 JavaScript 中进行字符串插值？”link 的重复问题。
@PrakashSomasundaram 因为 TypeScript 是 JavaScript 的语法超集。所以任何在 JavaScript 中有效的东西在 TypeScript 中也有效。由于 TypeScript 没有自己的字符串插值语法，因此 JavaScript 的任何解释也适用于此。
@poke：但相反的情况并非如此：如果某些东西在 TypeScript 中有效，并不意味着它在 JavaScript 中有效。因此，因为这个问题是关于特定 TypeScript 原生 TypeSrcipt 解决方案的，所以也可以在这里播放，这不适合将原始问题称为重复。例如，Ygaibel 的答案是一个适当的正确答案，而这不可能是您提到的重复答案
不确定人们如何将其标记为“重复”。可能存在仅适用于 TypeScript 的解决方案。这就是作者指定 TypeScript 而不是 JS 的原因。他（可能和我一样），只是想知道TS有没有什么特别的。如果不存在，暂时预计答案是“TS没有多余的刀片”，然后指向JS的工具。
请将此作为重复项删除——这很尴尬。这与询问“如何在 TypeScript 中声明变量”和“如何在 JavaScript 中声明变量”相同。是的，我知道它是一个超集......

【解决方案1】：

在 JavaScript 中你可以使用template literals:

let value = 100;
console.log(`The size is ${ value }`);

【讨论】：

【解决方案2】：

只需使用特殊的`

var lyrics = 'Never gonna give you up';
var html = `<div>${lyrics}</div>`;

您可以查看更多示例here。

【讨论】：