node.js - 使用 pug 样式内部变量的问题

Question

我正在使用 NodeJS 和 Pug 作为引擎构建一个小应用程序。我只想在元素样式中插入一个变量，但找不到使其工作的方法。这是代码:

- var grados = 45;
span.glyphicon.glyphicon-arrow-up(style={transform:'rotate(#{grados}deg)'})

我认为问题出在转换属性的括号上，我尝试了另一种更简单的方法，例如 color:grados (- var grados = 'red') 和效果很好。有什么想法吗？

Answer 1

恐怕您偶然发现了 Pug 中的一个常见问题:对属性插值的支持已被删除，因此不再支持该语法。请参阅the page in the Pug docs relating to this 。除了简单地使用字符串连接构建属性字符串之外，没有“干净”的解决方案可以解决此问题:

- var grados = 45;
span.glyphicon.glyphicon-arrow-up(style={transform:'rotate(' + grados + 'deg)'})