带变量的玉模板(nodejs服务器端)

Ale*_*x B 25 javascript node.js express pug

所以我想显示一个联系人列表,为此我已将每个联系人div转换为jade代码,但我仍然需要填充相关字段.我可以在服务器端执行此操作吗?我正在使用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:
            | +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
Run Code Online (Sandbox Code Playgroud)

所以没有John Doe和随机电话号码,如果有办法表示我想要那里的变量,那么nodeJS代码会在那里粘贴正确的值并将联系人玉添加到主玉页,然后转到下一个联系人,依此类推.所以类似的东西:http://embeddedjs.com/

我使用express作为Nodejs的框架.

小智 64

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

res.render('your page', {pageData: {name : ['name 1', 'name 2']}});
Run Code Online (Sandbox Code Playgroud)

然后你可以在玉里面做

span #{pageData.name[0]}
Run Code Online (Sandbox Code Playgroud)

或者如果你想要一个循环

each item in pageData.name
  span #{item}
Run Code Online (Sandbox Code Playgroud)

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