带变量的 Jade 模板（nodejs 服务器端）

Posted 2023-02-22

【中文标题】带变量的 Jade 模板（nodejs 服务器端）

【英文标题】：Jade template with variables (nodejs server side)

【发布时间】：2012-04-13 11:06:56

【问题描述】：

所以我想显示一个联系人列表，为此我已将每个联系人 div 转换为玉代码，但我仍然需要填充相关字段。我可以在服务器端这样做吗？我正在使用 nodejs 作为服务器代码。联系人的翡翠模板为：

//  
    img-cont
    .img-cont
      //
        img-cont
      .left-img
        //
          left-img
        .img-box
          img(src='assets/img/img.jpg', alt='')
        .name
          h6
            span John Doe
            img(src='assets/img/star-b.png', alt='')
          p
            strong Phone number:
            | [phone]
          p
            strong Email address:
            a(href='mailto:[e-mail]') [e-mail]
      //
        left-img
      ul.share-ul
        li
              a.edit(href='#') Edit
        li
          a.share(href='#') Share
        li
          a.delete(href='#') Delete
    //
      img-cont

因此，如果有办法表示我想要那里的变量，而不是让 John Doe 和随机电话号码，然后 nodeJS 代码将在那里粘贴正确的值并将联系人玉添加到主玉页面，然后转到下一个联系人等等。所以类似这样的东西：http://embeddedjs.com/

我使用 express 作为 Nodejs 的框架。

【参考方案1】：

是的，您可以在调用 render 时使用数据传递对象

res.render('your page', pageData: name : ['name 1', 'name 2']);

那么在翡翠里面你就可以做

span #pageData.name[0]

或者如果你想要一个循环

each item in pageData.name
  span #item

您可以在 github 页面上找到更多信息https://github.com/visionmedia/jade

【讨论】：

或jade-lang.com，但 Git 树中的示例可能是最好的文档。

有没有办法从模板中访问页面的名称？例如。 pageTitle= #'你的页面'

谢谢。最重要的示例，您无法在 Jade 主页中看到它...

非常好的答案:)