html - 使用 Razor 的带有子菜单的下拉菜单的简单示例

Question

我在网上搜索了一种将“subItem1”和“subItem2”添加到“主页”项目菜单的方法(在下面的示例代码中)，但我发现的是使用 java 或复杂的 Razor 示例。有没有更简单的只使用 Razor 的方法？

           <nav>
                <ul id="menu">
                    <li>@Html.ActionLink("Home", "Index", "Home")</li>
                    <li>@Html.ActionLink("About", "About", "Home")</li>
                    <li>@Html.ActionLink("Contact", "Contact", "Home")</li>
                </ul>
            </nav>

Answer 1

听起来您想要以下内容？

<nav>
    <ul id="menu">
        <li>@Html.ActionLink("Home", "Index", "Home")
            <ul>
                <li>@Html.ActionLink("subItem1", "SubItemOne", "Home")</li>
                <li>@Html.ActionLink("subItem2", "SubItemTwo", "Home")</li>
            </ul>
        </li>
        <li>@Html.ActionLink("About", "About", "Home")</li>
        <li>@Html.ActionLink("Contact", "Contact", "Home")</li>
    </ul>
</nav>