javascript - 带变量的 Jade 模板(nodejs 服务器端)

Question

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

//  
    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:
            | +1 234 567890
          p
            strong Email address:
            a(href='mailto:mail@company.com') mail@company.com
      //
        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 代码将在那里粘贴正确的值并将联系人 Jade 添加到主 Jade 页面，然后转到下一个联系人等等。所以类似这样的东西:http://embeddedjs.com/

我使用 express 作为 Nodejs 的框架。

Answer 1

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

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

那么在 Jade 里面你就可以做

span #{pageData.name[0]}

或者如果你想要一个循环

each item in pageData.name
  span #{item}

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