有没有办法让 Pug 将 JavaScript 变量解释为 HTML 代码？答案

【问题标题】：Is there a way for me to have Pug interpret a JavaScript variable as HTML code?有没有办法让 Pug 将 JavaScript 变量解释为 HTML 代码？
【发布时间】：2020-11-02 20:51:43
【问题描述】：

我不确定如何最好地表达这个问题，但我想知道是否/如何使用 JavaScript 变量动态提醒 Pug 代码。在下面的示例中，我希望将 displaystarNumber 包含为 HTML 代码，其内容为 span.stars-container.stars-50 ★★★★★。（在这个特定的例子中，review.rating * 10 会是 50）。有没有办法做到这一点？我在下面的尝试将代码呈现为页面前端可见的字符串。

-var starNumber = review.rating * 10
-var displaystarNumber = `span.stars-container.stars-${starNumber} ★★★★★`
span #[Strong Rating]: #{review.rating} #{displaystarNumber}

【问题讨论】：

标签： javascript pug

【解决方案1】：

更好的写法是——

- var starNumber = review.rating * 10

span
  strong Rating
  | : #{review.rating} 
  span.stars-container(class=`stars-${starNumber}`) *****

- 如果我正确理解您的方法，它应该编译为您正在寻找的内容。

【讨论】：