模型未從剃刀頁面中_Layout.cshtml頁面中的_Footer.cshtml部分視圖系結-有解無憂

我想在我的網頁頁腳中實作一個時事通訊訂閱功能。

訂閱視窗必須在所有頁面上可見。出于這個原因，我已將其作為區域視圖集成到我的 _Layout 中。

該_Layout.cshtml檔案是：

<body id="top-header">

    <!-- preloader start -->
    <div class="preloader">
        <div class="spin"></div>
    </div>
    <!-- preloader end -->
    <!-- Header Start -->
    @await Html.PartialAsync("_Header")
    <!-- Header Close -->

    @RenderBody()

    <!-- Footer Start -->
    <partial name="_Footer" model="new SubscribeNewsletterPageModel()" />
    <!-- Footer Close -->
    <!--  Page Scroll to Top  -->
    <a class="scroll-to-top js-scroll-trigger" href="#top-header">
        <i class="fa fa-angle-up"></i>
    </a>
    <!--  Page Scroll to Top  -->

    <script src="~/lib/jquery/dist/jquery.min.js"></script>
    <script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
    <script src="~/js/site.min.js" asp-append-version="true"></script>

    <!-- Main Script -->
    <script src="~/js/script.min.js"></script>

    @await RenderSectionAsync("Scripts", required: false)
    
</body>

我創建了一個SubscribeNewsletterPageModel.cs類，其中包含我想用來發布訂閱者的電子郵件地址的模型：

public class SubscribeNewsletterPageModel : PageModel
{
    

    [BindProperty]
    public Newsletter newsletter { get; set; }


    public async Task<IActionResult> OnPostSubscribeNewsletter()
    {

        TempData["returnurl"] = Request.Headers["Referer"].ToString();
        var apiKey = "xxxxx";
        string bearer = "Bearer "   apiKey;
        string newsletterForJSON = newsletter.EMail;

        // queryParams added only for testing
        // in production newsletterForJSON must be used
        string queryParams = @"{
                                  'contacts': [
                                    {
                                      'email': '[email protected]',
                                    }
                                  ]
                                  }";

        JObject queryParamsJSON = JObject.Parse(queryParams);

        var client = new RestClient("https://api.sendgrid.com/v3/marketing/contacts");
        var request = new RestRequest(Method.PUT);
        request.AddHeader("content-type", "application/json");
        request.AddHeader("authorization", bearer);
        request.AddParameter("application/json", queryParamsJSON, ParameterType.RequestBody);
        IRestResponse response = await client.ExecuteAsync(request);
        var error = response.Content;

        return Redirect(TempData["returnurl"].ToString());

    }

}

在我_Footer.cshtml的 Razor 視圖上，我從我的模型開始：

@model SubscribeNewsletterPageModel

然后我有我的表格：

<form asp-page-handler="SubscribeNewsletter" method="post">
<div class="position-relative">
    <input asp-for="@Model.newsletter.EMail" class="form-control border-0 text-white newsletter-form" id="newsletter" name="newsletter" placeholder="Geben Sie Ihre E-Mail ein">
    <button type="submit" class="btn btn-primary btn-subscribe">Register</button>
</div>
</form>

對于我的 Index Razor 頁面，我繼承了 SubscribeNewsletterPageModel

public class IndexModel : SubscribeNewsletterPageModel

如果我開始除錯 (F5) 并在我的OnPostSubscribeNewsletter方法中設定斷點，我會看到我的系結屬性是 EMPTY！

任何的想法？

uj5u.com熱心網友回復：

如果我開始除錯 (F5) 并在我的 OnPostSubscribeNewsletter 方法中設定斷點，我會看到我的系結屬性為 EMPTY！

你的意思是郵箱沒有系結成功？

在你的 _Footer.cshtml 中，你可以嘗試將name="newsletter"改為 name="newsletter.Email" 更改下面的代碼

<input asp-for="@Model.newsletter.EMail" class="form-control border-0 text-white newsletter-form" id="newsletter" name="newsletter" placeholder="Geben Sie Ihre E-Mail ein">

進入

<input asp-for="@Model.newsletter.EMail" class="form-control border-0 text-white newsletter-form" id="newsletter" name="newsletter.Email" placeholder="Geben Sie Ihre E-Mail ein">

結果：

模型未從剃刀頁面中 _Layout.cshtml 頁面中的 _Footer.cshtml 部分視圖系結

轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/374009.html

標籤：C＃ asp.net-mvc asp.net核心剃刀剃刀页面

上一篇：獲取有關dotnet-aspnet-codegenerator除錯輸出的幫助

下一篇：在ASP.NETCore6中，為什么System.Private.ServiceModel.resources.dll的已發布輸出中需要語言檔案夾以及如何消除它們？