如何在pug中插值可變字符串？

Question

在下面的代碼中， myVar包含字符串“ Today，it's $ {date}”。 此外，還有一個名為date的變量，其中包含“ Oct of October”。 我希望以下pug語法用date變量content替換文字${date} 。

span!= myVar

不幸的是，該示例導致

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

預期結果 ：

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

最好的問候，Benedikt

Answer 1

是的，正如@omgninjas所指出的那樣，它被稱為插值，在Pug中以＃開頭。

但是，您不能總是使用它（例如，在字符串中）。 這里有些例子：

sensor是控制器傳遞給視圖的變量。

1. 普通插補。 按預期工作：

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

2. 在帶有模板文字的字符串內（ 不要將其與用戶提供的值一起使用！）：

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

3. 在用於表示函數調用的字符串中。 請注意，您不能在函數調用中使用`符號（模板文字中使用的反勾號或重音符號），因為您必須將整個函數調用都包含在內。 這將導致不執行字符串。 您需要使用字符串連接。

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

這是帕格插值的官方文檔： https : //pugjs.org/language/interpolation.html

希望這可以幫助。 隨時歡迎提出更正和建議！

Answer 2

Pug用哈希值插值。 ＃{interpolation}

Answer 3

要直接在Pug模板中的字符串中呈現變量，可以使用典型的ES6插值。 示例（假設pageTitle在范圍內，並作為模板上下文傳遞）：

 - var pageTitle = `Google | ${pageTitle}`;