Node.js EJS-无法用嵌套循环封装元素
我试图用ejs制作一个带有子菜单系统的动态菜单,但不知怎么的Node.js EJS-无法用嵌套循环封装元素,node.js,templates,ejs,Node.js,Templates,Ejs,我试图用ejs制作一个带有子菜单系统的动态菜单,但不知怎么的 <% for(var i=0; i < menusItem.length; i++) { %> <% if(menusItem[i].subMenu.length != 0) { %> <a <%= menusItem[i].href %> class="toggleMenu"> <span><%
<% for(var i=0; i < menusItem.length; i++) { %>
<% if(menusItem[i].subMenu.length != 0) { %>
<a <%= menusItem[i].href %> class="toggleMenu">
<span><%= menusItem[i].value %></span>
<ul class="subMenu">
<% for(var j=0; j < menusItem[i].subMenu.length; j++) { %>
<li>
<a <%= menusItem[i].subMenu[j].href %>>
<span><%= menusItem[i].subMenu[j].value %></span>
</a>
</li>
<% } %>
</ul>
</a>
<% } else { %>
<a <%= menusItem[i].href %> class="toggleMenu">
<span><%= menusItem[i].value %></span>
</a>
<% } %>
<% } %>
但是嵌套的for循环不知怎么搞砸了这一点,
最终没有封装在
此外,
在
和每个
的第一个中重复
我是ejs新手,正在做一些实验,这个问题可能很愚蠢,但我在寻找问题时遇到了阻碍
欢迎任何帮助,提前谢谢
<a class="toggleMenu">
<span>Statistiques</span>
</a>
<ul class="subMenu" style="display: none;">
<a class="toggleMenu">
</a>
<li>
<a class="toggleMenu">
</a>
<a href=""/manage?page=visits"">
<span>Visites</span>
</a>
</li>
<li>
<a href=""/manage?page=commands"">
<span>Commandes</span>
</a>
</li>
<li>
<a href=""/manage?page=visitedProducts"">
<span>Produits visités</span>
</a>
</li>
</ul>
<a>
<span>Produits</span>
</a>
<a>
<span>Utilisateurs</span>
</a>
<a>
<span>Configuration</span>
</a>
<ul class="subMenu" style="display: none;">
<a class="toggleMenu">
</a>
<li>
<a class="toggleMenu">
</a>
<a href=""/manage?page=productsCategories"">
<span>Catégories de produits</span>
</a>
</li>
<li>
<a href=""/manage?page=productsConfig"">
<span>Produits</span>
</a>
</li>
<li>
<a href=""/manage?page=localeConfig"">
<span>Localisations</span>
</a>
</li>
</ul>