javascript - 无序列表中的 Jade 无序列表

标签 javascript pug

我想创建一个无序列表,其中每行都包含一个无序列表。 我尝试了下面的代码,但它只显示了主题和内容的组合无序列表,例如

  • 主题1
  • 主题2
  • 内容1
  • 内容2

如何在每个主题列表中显示内容列表,例如

  • 主题1

    • 内容1
    • 内容2
  • 主题2

    • 内容1
    • 内容2
ul(class="subject_list")
  each subject in subjects
    li= subject
      ul(class="content_list")
        each content in contents
          li= content

最佳答案

对于该类型的数据

{"subjects": {
 "subject1": ["content1", "content2"],
 "subject2": ["content1", "content2"]
}}

等效的 jade/pug 语法是

ul(class="subject_list")
  each subject, key in subjects
    li #{key}
    ul(class="content_list")
      each content in subject
        li #{content}

关于javascript - 无序列表中的 Jade 无序列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57522901/

相关文章:

javascript - jquery 在外部 js 文件中工作,但在 View Blade 中不起作用

javascript - Jquery动画和when函数

javascript - DOM指定属性返回true

json - Node : jade table - with Dynamic json from controller

javascript - 使通过 Pug 传递的变量可用于 Javascript

javascript - Phaser 游戏 - 获取 Sprite 的最后一帧

javascript - 使用javascript在html中幻灯片放映..图像发生变化但无法正确显示

javascript - Vue 组件属性未定义

javascript - 使用 js 和 pug 设置 HTML 页面标题

javascript - 如何使用 Node.js 处理 CSS?