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

Question

我在网上搜索了一种将“subItem1”和“subItem2”添加到“Home”项菜单（在下面的示例代码中）的方法，但我发现使用的是 java 或复杂的 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>