【问题标题】:Nested jade via conditional logic通过条件逻辑嵌套玉
【发布时间】:2023-04-01 19:33:01
【问题描述】:

我有一个检索到的 json 数据结果集,称为 data_list。我想遍历它并拉出它的名称字段并将其嵌入到 twitter 引导网格隐喻中。其输出如下所示:

<div class="row">
   <div class="span4">Name 1</div>
   <div class="span4">Name 2</div>
   <div class="span4">Name 3</div>
</div>
<div class="row">
   <div class="span4">Name 4</div>
   <div class="span4">Name 5</div>
   <div class="span4">Name 6</div>
</div>

问题是我不确定如何在 Jade 中完成此操作。我知道如何使用

遍历我的数据
- for (var key in data_list)
    div.span4
        p= data_list[key].name

我不知道该怎么做是为每三条数据记录注入一个 in 并让它围绕这三条记录。我知道如何通过

捕获每三条记录
- if ((key % 3) == 0)
    .row

但我只能让它输出 a 但我不能让它包围其他行。非常欢迎任何建议。

【问题讨论】:

    标签: pug express


    【解决方案1】:

    我昨天在使用引导程序时遇到了同样的问题。

    我是这样解决的:

    each element, i in dataset
      if i % 3 == 0
        div.row
          each elementInRow, j in dataset.slice(i, i+3)
            div.span4
              ...cell code...
    

    希望对你有帮助!

    【讨论】:

    • 很好的解决方案,谢谢。我已经绞尽脑汁很久了。
    • 谢谢 :) 多年后,它仍然可以完美运行
    猜你喜欢
    • 1970-01-01
    • 2015-10-27
    • 1970-01-01
    • 2021-03-04
    • 1970-01-01
    • 2016-08-08
    • 1970-01-01
    • 2019-04-15
    • 1970-01-01
    相关资源
    最近更新 更多