json - Jade - サブメニューを使用したナビゲーション用のネストされた for ループ

Question

サブメニュー項目を持つナビゲーション メニューを作成するために、harpjs と一緒に jade を使用しようとしています。

現在の 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}

ここで何が間違っているのか分かりますか？

皆さんありがとう！