微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

node.js – 如何使用Jade迭代数组创建一个html表

我从node expressjs框架开始,我遇到了这个我无法解决的问题。

我正试图用一些博客文章显示一个表(是的,一个博客…),但是我没有完成。

这是玉模板代码

div
  table
    thead
      tr: th Posts
    tbody
      each post,i in userPosts
        tr(class=(i % 2 == 0) ? 'odd' : 'even'): a(href='/admin/post/' + post.id) #{post.author} - #{post.title}

这是HTML输出

<div>
  <a href="/admin/post/1">Post 1</a>
  <a href="/admin/post/2">Post 2</a>
  <a href="/admin/post/3">Post 3</a>
  <table>
    <thead>
      <tr>
        <th>Posts</th>
      </tr>
    </thead>
    <tbody>
      <tr class="odd"></tr>
      <tr class="even"></tr>
      <tr class="odd"></tr>
    </tbody>
  </table>
</div>

那么,任何想法?

解决方法

我发现问题是每个TR都缺少TD标签
所以玉石代码应该是这样的:

div
  table
    thead
      tr: th Posts
    tbody
      each post,i in userPosts
        tr
          td 
            a(href='/admin/post/' + post.id) #{post.author} - #{post.title}

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐