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

Question

我不确定如何最好地表达这个问题，但我想知道 if/how 我可以使用 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}

Answer 1

更好的写法是——

- var starNumber = review.rating * 10

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

—如果我正确理解你的方法，它应该编译成你正在寻找的东西。

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

Is there a way for me to have Pug interpret a JavaScript variable as HTML code?

javascript

pug