我尝试使用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}
知道我在这里做错了吗?
全部谢谢!