如何进行字符串插值？

Question

我正在尝试使用Angular，Typescript，HTML等在代码中进行字符串插值。出于某种原因，'美元符号'在输出中显示为字符串文字。谁能帮忙？

我需要输出如下：

“ Hello World。”

相反，我得到这个：

“ Hello $ {name}。”

链接：https://stackblitz.com/edit/angular-template-string-interpolation

谢谢。

Answer 1

您需要使用this关键字和反选号。像这样：

title: string = `Hello ${this.name}.`;

Answer 2

字符串插值仅发生在回音内。

"Hello ${name}."

产生Hello ${name}.但是

`Hello ${name}.`

在您的示例中产生Hello previewFrame。这是因为您引用了错误的变量。代替${name}，请使用${this.name}，否则您将获得stackblitz用来渲染输出的帧的名称。

为了记录，这不是打字稿或Angular功能。字符串插值是一种较新的原始javascript功能。

Answer 3

要插入字符串，您需要使用template literals

模板文字使用```（反引号），而不是'（单引号）

因此，您的代码变为：

title: string = `Hello ${name}.`;