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

Question

我尝试使用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}

知道我在这里做错了吗？

全部谢谢！