javascript - 如何在哈巴狗中插入变量字符串？

Question

在下面，myVar 包含字符串“Today, it's the ${date}”。此外，还有一个名为 date 的变量，其中包含“1st of October”。我希望以下 pug 语法将文字 ${date} 替换为 date 变量内容。

span!= myVar

不幸的是，示例结果为

<span>Today, it's the ${date}</span>

预期结果:

<span>Today, it's the 1st of October.</span>

最好的问候，本尼迪克特

Answer 1

是的，正如@omgninjas 所指出的，它在 Pug 中被称为插值并以# 开头。

但是您不能总是使用它(例如，在字符串中)。以下是一些示例:

sensor是 Controller 传递给 View 的变量。

1. 正常插值。按预期工作:

<div id=#{sensor} style="width:90%;height:250px;"></div>

1. 在带有模板文字的字符串中(不要将它们与用户提供的值一起使用!):

img(src=`/images/${sensor}.png`, style="width:20%")


1. 在用于表示函数调用的字符串中。请注意，您不能在函数调用中使用 ` 符号(反引号，也就是模板文字中使用的重音符号)，因为您必须对整个函数调用进行 ecompass 。这会产生一个不会被执行的字符串。您需要使用字符串连接。

body(onload="initTemp('"+ sensor +"')")

这里是 Pug 插值的官方文档: https://pugjs.org/language/interpolation.html

希望这对您有所帮助。随时欢迎更正和建议!