我是树枝的新手,我正在尝试从提供的模式(类似于以下内容)中创建带有子菜单的导航菜单-
menu_items: [
{
url: 'http://testurl.com',
text: 'Menu Item 1',
active: true,
sub_menu: [
{
url: 'http://testurl.com',
text: 'Sub menu Item 1',
},
{
url: 'http://testurl.com',
text: 'Sub menu Item 2',
},
],
},
]
菜单显示的很好,但是我正在努力获取正确的语法来填充那些子菜单项。我放入一个if语句是因为并不总是有一个子菜单,然后是一个for循环,为架构中的每个子菜单项创建一个列表项,可惜。
{% if menu_items %}
<nav>
<ul>
{% for item in menu_items %}
<li>
<a href="{{ item.url }}">{{ item.text }}</a>
{% if item.sub_menu %}
<ul>
{% for sub_menu in item %}
<li>
<a href="{{ item.sub_menu.url }}">
{{ item.sub_menu.text }}
</a>
</li>
{% endfor %}
</ul>
{% endif %}
</li>
{% endfor %}
</ul>
</nav>
{% endif %}
有人知道我要去哪里吗?
答案 0 :(得分:0)
您似乎没有正确引用sub_menu
项目。尝试
{% for sub in item.sub_menu %} ... {% endfor %}
如果sub_menu
数组为空,这也很有用。如果变量为null,false,空数组或空字符串,则空测试的结果为true
{% if item.sub_menu is not empty %} ... {% endif %}