Asp.net core中ViewComponent之间如何共享ViewData

我有两个 ViewComponent，我想使用 ViewData 或其他技术来共享一些数据，然后在主视图中使用这些数据，但这不是方法，当两个 ViewComponent 的 if 条件丰富时，每个 ViewComponent 的 ViewData 为 null。

public class OneViewComponent : ViewComponent
{
    public async Task<IViewComponentResult> InvokeAsync(Page page, Zone zone)
    {
        //some operation

        string text = "one";

        if(ViewData["data"] != null)
        {
            ViewData["data"] = ViewData["data"].ToString() + text;
        }
        else
        {
            ViewData["data"] = text;
        }

        return View();
    }
}

public class TwoViewComponent : ViewComponent
{
    public async Task<IViewComponentResult> InvokeAsync(Page page, Zone zone)
    {
        //some operation

        string text = "two";

        if(ViewData["data"] != null)
        {
            ViewData["data"] = ViewData["data"].ToString() + text;
        }
        else
        {
            ViewData["data"] = text;
        }

        return View();
    }
}

ViewData就像ViewBag。仅当您想要将数据从控制器传输到视图时才使用它。为此我总是更喜欢视图模型。

要跨组件传输数据，您有以下两个选项：

Using TempData字典代替ViewData字典：您需要安装以下软件包

Install-Package Microsoft.AspNetCore.Mvc.ViewFeatures

In your Startup类，添加这一行

services.AddSingleton<ITempDataProvider, CookieTempDataProvider>();

to your ConfigureServices方法。我用CookieTempDataProvider作为实施ITempDataProvider但你可以使用SessionStateTempDataProvider.

将数据存储到TempData字典你使用这个代码：

this.TempData["data"] = "my value";

从中检索数据TempData你使用这个代码：

var data = this.TempData["data"];

要在组件视图中使用它：

@this.TempData["data"]

Using HttpContext.Items字典：没有要安装的包。在您的视图组件类中，将数据存储在HttpContext.Items像这样的字典：

this.HttpContext.Items["data"] = "my value"; 

并通过执行以下操作访问存储的数据：

var data = this.HttpContext.Items["data"];

在组件视图中，您可以通过执行以下操作来获取存储的数据：

@this.Context.Items["data"]

和...之间的不同TempData and HttpContext.Items: 之间的主要区别HttpContext.Items and TempData字典是：

• HttpContext.Items当请求结束时被清除。
• 默认情况下TempData读取数据时清零。要保留数据，您需要显式调用TempData.Keep()
• 使用时您可以轻松测试您的视图组件TempData因为它是一个类型的接口ITempDataDictionary可以毫无困难地嘲笑它。