如何将这个玉代码解释成 HTML？答案

【问题标题】：How to interpret this jade code into HTML?如何将这个玉代码解释成 HTML？
【发布时间】：2016-03-07 15:33:45
【问题描述】：

我正在学习翡翠，并在学习有关创建用户帐户的教程。

我使用了一个jade to HTML转换器，但程序似乎无法识别这段代码：

 #user
                h1.text-center.login-title Welcome #{user.firstName}. Check your details below:
                    div.signup-wall
                        ul.user-details
                            li Username ---> #{user.username}
                            li Email    ---> #{user.email}
                            li First Name ---> #{user.firstName} 
                            li Last Name ---> #{user.lastName}

具体来说，#{user.firstName} 部分令人困惑。这是什么意思，如何将其翻译成 HTML？

【问题讨论】：

标签： node.js express pug

【解决方案1】：

它是一个模板引擎变量，它应该是在将jade渲染为html时注入的，通常由服务器完成如下：

app.render('login.jade', {
    user: {
        username: 'xyz'
    }
})

如果您尝试将此类 (login.jade) 转换为纯 html (login.html) 可能无法翻译，因为纯 HTML 不是动态注入值，否则您将必须手动编写 user.username 应该是什么。

<li> xyz </li>

更多翡翠信息：http://jade-lang.com/reference/interpolation

【讨论】：

这是我一直在寻找的答案。谢谢！

【解决方案2】：

亲爱的，

考虑以下步骤：

转到html2jade.org
将您的 JADE 模板代码复制到给定的空间内

还有

您将在 HTML 中获得等效的 Jade 代码

感谢和欢呼

【讨论】：

是的，这就是我使用的，但它不起作用。该网站无法翻译它。所以我想知道我得到这个代码的教程是否在某种程度上是错误的。