asp.net-core – 在强类型视图中呈现ViewComponent的InvalidOper

InvalidOperationException: The model item passed into the ViewDataDictionary is of type ‘My.StronglyView.ObjectType’,but this ViewDataDictionary instance requires a model item of type ‘My.ViewComponent.ObjectType’.

我不确定这种改变是否是故意的,但绝对不是我们所期望的.

我没有时间研究这种“突破”变化的原因,但我找到了一个解决方案.

事实是,如果您将null对象传递给ViewComponent.View()方法,我们会得到此异常.通过它传递的任何非null对象都会更新ViewData.ModelExplorer并且已经注册了正确的对象类型,从而避免了这种异常.

使用Tester-Doer模式,在.Net Framework的某些类中使用相同的模式,我们现在可以将一个非null对象传递给ViewComponent,并根据需要使用它和它的包装对象.

我做的是,我创建了一个接口IViewComponentModel< T>作为类ViewComponentModel< T>如下：

// Interface for ViewComponentModel
public interface IViewComponentModel<T> 
    where T : class
{
    T Data { get; }
    bool HasData();
}

// ViewComponentModel class for the Strongly-Type View Component
public class ViewComponentModel<T> : IViewComponentModel<T>
    where T : class
{
    public T Data { get; private set; }

    public ViewComponentModel(T data)
    {
        Data = data;
    }

    public bool HasData() => Data != null;
}

在我的ViewComponent类实现中,我返回View(new ViewComponentModel< AnyReferenceType>(myModel));

public async Task<IViewComponentResult> InvokeAsync()
{
    var myViewData = _myService.GetSomeObjectForMyViewComponent();
    var model = new ViewComponentModel<MyViewDataType>(myViewData);

    return await Task.FromResult(View(model));
}

最后,在我的组件视图(.cshtml)中,我有以下代码：

@addTagHelper *,Microsoft.AspNetCore.Mvc.TagHelpers
@model ViewComponentModel<MyViewDataType>

现在,您可以在视图内部使用此对象执行任何操作,并使用您的真实模型,只需调用@ Model.Data和voilà即可.

这样,我们永远不会将null对象传递给ViewComponent,也不会从View中“继承”对象类型.

希望它有所帮助！

asp.net-core asp.net-core-mvc dotnet-core asp.net-core-1.1