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

问题描述

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

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

解决方法

一种更好的书写方式是-

- var starNumber = review.rating * 10

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

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

javascript pug