翡翠无序列表

时间:2019-08-16 10:18:12

标签: javascript pug

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

  • SUBJECT1
  • SUBJECT2
  • content1
  • content2

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

  • SUBJECT1

    • content1
    • content2
  • SUBJECT2

    • content1
    • content2
ul(class="subject_list")
  each subject in subjects
    li= subject
      ul(class="content_list")
        each content in contents
          li= content

1 个答案:

答案 0 :(得分:1)

对于此类数据

{"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}