使用对齐属性内部的变量

Question

我使用的是pug 2。

我创建了一个template.pug，在该模板中，它被分解为sub-a.pug和sub-b.pug。当它们在sub-a.pug上时，变量被定义为- var alignment_text = "center";。在sub-b.pug中，变量定义为- var alignment_test = "center";

在sub-a.pug或sub-b.pug上，都有一个content.pug文件。在这个文件上，我试着像一样使用它

<div align="#{alignment_text}"></div>

当我尝试此操作时，它显示#{alignment_text}而不是left或right。

为了解决这个问题，我做了：

if alignment_text = "center"
<div align="center"</div>
else 
<div align="center"</div>

有没有一种方法可以让我在对齐、id或类中使用引号中的变量？

Answer 1

根据Pug文档，属性插值的语法已经过时，不再受支持。该文档为当前版本的Pug:提供了一种替代语法

- var alignment_text = 'center'
// this is no longer supported
table(align='#{alignment_text}')
// use this syntax instead
table(align= alignment_text)