在对齐属性内使用变量

2024-05-20 • 问答

我正在使用哈巴狗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或类？

zhongquanming 回答：在对齐属性内使用变量

根据Pug documentation，属性插值的语法很旧，不再受支持。该文档为当前版本的Pug提供了另一种语法：

- var alignment_text = 'center'

// this is no longer supported
table(align='#{alignment_text}')

// use this syntax instead
table(align= alignment_text)

pug

本文链接：https://www.f2er.com/3079475.html

在对齐属性内使用变量

zhongquanming 回答：在对齐属性内使用变量

大家都在问