为什么控制器 no 仅在 Html.PartialAsync 中有效？

Question

现在我有了一个控制器：

public async Task<IActionResult> Location()
        {
            Models.LocationModel Location = null;
            //some logic
            return View(Location);
        }

这是视图：

@model Vishdo.Models.LocationModel
<div>
    <h5>@Model.City</h5>
    <span>@Model.Name</span>
    <span>@Model.Phone</span>
</div>

当我通过 URL(https://localhost:44372/home/location) 直接访问视图时，一切正常。

现在我将它添加到 _Layout.cshtml 中，如下所示：

@Html.PartialAsync("/Views/Home/Location.cshtml")

运行后在ViewLocation.cshtml报错：

System.NullReferenceException
  HResult=0x80004003
  Message=Object reference not set to an instance of an object.
  Source=Sample.Views
  StackTrace:
   at AspNetCore.Views_Home_Location.<ExecuteAsync>d__0.MoveNext() in E:\Project\Sample\Views\Home\Location.cshtml:line 3

我在 Location 控制器中添加了一个断点，但发现它永远无法正常工作。所以Model总是为null，报这个错误。

另外，我将它添加到_Layout.cshtml 中，因为所有页面都需要此功能，而_Layout.cshml 没有控制器，所以我必须这样做。

我的代码有什么问题？我该如何解决？谢谢。

Answer 1

由于@Html.PartialAsync() 不会触发控制器操作，因此您有多种选择来解决您的问题。

1-您应该从任何服务中获取 Location 模型并将其传递给@Html.PartialAsync()，如下所示：

@inject LocationService locationService
@{
    var locationModel = locationService.GetLocation();
}

然后将此 locationModel 传递给@Html.PartialAsync()

@Html.PartialAsync("/Views/Home/Location.cshtml", locationModel );

2- 如上所述使用 ViewComponent。

3- 通过将其实现为 HtmlHelper 扩展来使用 @Html.Action()。参考这个here

Answer 2

我在 Location 控制器中添加了一个断点，但发现它永远无法正常工作。所以Model总是为null，报这个错误。

这是预期的行为，@Html.PartialAsync() 不会触发控制器动作，它直接搜索视图文件夹下的部分视图。

另外，你可以通过ViewComponent来实现。我做了一个如下的演示：

1.在你的项目中创建一个名为ViewComponents的文件夹，并创建一个名为LocationViewComponent的类

public class LocationViewComponent : ViewComponent
{
    public IViewComponentResult Invoke()
    {
        var Location = new LocationModel()
        {
            City = "AAA",
            Name = "BBB",
            Phone = "CCC"
        };
        return View(Location);
    }
} 

2.视图组件的默认视图名称为 Default.cshtml，将其添加到 Shared 文件夹中，如下所示：

默认.cshtml

@model LocationModel

<div>
    <h5>@Model.City</h5>
    <span>@Model.Name</span>
    <span>@Model.Phone</span>
</div>

3.调用布局中的ViewComponent：

<div class="container">
    <main role="main" class="pb-3">
        @RenderBody()
        @await Component.InvokeAsync("Location")
    </main>
</div>

结果：

更多详情可以参考document