在_Layout Page中使用PartialView創建動態MainMenu - Asp.net core razorpage

Question

我想在我的 _Layout 頁面中使用 PartialView，這是我的 PartialView 代碼：

  @model List<WebApplication4.Models.MainMenuTable>

@foreach (var item in Model)
{
    <li class="nav-item">
        <a class="nav-link text-dark" asp-page="@item.Link">@item.Title</a>
    </li>
}

這是我的 _Layout 頁面代碼：

@{
    var partialModel = new List<MainMenuTable>()
    {
   
    };
}

和：

<partial name="_MainMenu" model="partialModel"/>

但我什么也沒看到結果為什么？

Answer 1

你的代碼沒問題，但是在_Layout.cshtml中使用的時候需要傳入一些數據到Partial View中，參考這個簡單的demo：

@{
        var partialModel = new List<MainMenuTable>()
        {
            new MainMenuTable
            {
                Title = "HomePage",
                Link = "index"
            },
            new MainMenuTable
            {
                Title = "PrivacyPage",
                Link = "Privacy"
            }
        };
    }

    <partial name="_MainMenu" model="partialModel"/>

當您不將任何數據傳遞到Partival View時，它不會顯示在您的_Layout中。