Question

我有一个名为TopBar.cshtml的文件：

<nav class="white" role="navigation">
    <div class="nav-wrapper container">
        <a id="logo-container" href="#" class="brand-logo">Logo</a>
        <ul class="left hide-on-med-and-down">
            <li><a href="#">Navbar Link</a></li>
        </ul>
        <ul id="nav-mobile" class="sidenav">
            <li><a href="#">Navbar Link</a></li>
        </ul>
        <a href="#" data-target="nav-mobile" class="sidenav-trigger"><i class="material-icons">menu</i></a>
    </div>
</nav>

如您所见，为菜单项定义了两个相同的部分。一个用于较大的屏幕，一个用于较小的屏幕。在ASP.NET MVC中，我可以这样做：

<nav class="white" role="navigation">
    <div class="nav-wrapper container">
        <a id="logo-container" href="#" class="brand-logo">Logo</a>
        <ul class="left hide-on-med-and-down">
            @Menu()
        </ul>
        <ul id="nav-mobile" class="sidenav">
            @Menu()
        </ul>
        <a href="#" data-target="nav-mobile" class="sidenav-trigger"><i class="material-icons">menu</i></a>
    </div>
</nav>

@helper Menu() {
    <li><a href="#">Navbar Link</a></li>
}

换句话说，我可以使用@helper来获取HTML重复使用 INSIDE 一个且只有一个视图。

然而，据我所知，这在ASP.NET Core MVC中已被删除。我该怎么做才能得到相同的结果？

Answer 1

你可以这样做。

@{
   Func<System.Collections.Generic.IEnumerable<string>, Microsoft.AspNetCore.Html.IHtmlContent> Menu = @<ul>
   @foreach (var menuEntry in item)
   {
       <li><a href="@menuEntry">@menuEntry</a></li>
   }
   </ul>;
}

你可以使用这样的菜单功能。

@Menu(new[]{"Home","About"})

https://github.com/aspnet/Razor/issues/715#issuecomment-299342376 - 这里提到，ASP.NET团队没有任何计划来执行@helper。

如何重用HTML片段INSIDE ASP.NET Core MVC中的cshtml视图？

1 个答案: