Jade - 嵌套for循环导航与子菜单

时间:2015-11-17 04:03:24

标签: json for-loop foreach pug harp

我尝试使用jade和harpjs一起创建带有子菜单项的导航菜单。

当前的json(位于public._data)看起来像这样:

"navigation" : {
  "index": {
    "title": "Home",
    "slug": "index.html",
    "subitems":{}
  },
  "products" : {
    "title": "Products",
    "slug": "#",
    "subitems": {
      "example": {
        "title" : "example",
        "slug" : "example.html"
      }
    }
  },
 etc. etc. etc.
}

使用jade我能够成功遍历顶级项目的json,例如:。

ul
  - for item in public._data.navigation
    li 
      a(href="#{item.slug") #{item.title}

但我对于如何在这个循环项目中循环子项目感到茫然...即:

ul
  - for item in public._data.navigation
    li 
      a(href="#{item.slug") #{item.title}
    ul
      - for subitem in item.subitems
      li(href="#{subitem.slug}") #{subitem.title}

知道我在这里做错了吗?

全部谢谢!

0 个答案:

没有答案