Question

ASP.NET Core具有重用部分视图的View Components机制。您可以使用Component.InvokeAsync调用

将视图组件包含在剃刀模板文件中

@await Component.InvokeAsync("MyComponent", new { data = 1 })

如果具有给定名称的视图组件不存在，则抛出InvalidOperationException异常。

InvalidOperationException: A view component named 'MyComponent' could not be found.

我想知道在razor视图中渲染之前如何检查视图组件是否存在。理想情况如下：

@if (Component.Exists("MyComponent")
{
    @await Component.InvokeAsync("MyComponent", new { data = 1 })
}
else
{
    <p>Component not found</p>
}

Answer 1

您可以将IViewComponentSelector注入视图以检查组件是否存在：

@inject Microsoft.AspNetCore.Mvc.ViewComponents.IViewComponentSelector selector

@if (selector.SelectComponent("MyComponent")!= null)
{
    @await Component.InvokeAsync("MyComponent", new { data = 1 })
}
else
{
    <p>Component not found</p>
}

Answer 2

@adem回答可能对您的问题最正确，但您可以添加编译时安全性并通过其类名调用视图组件。我相信这是一个更清洁的解决方案。

查看组件定义的两个选项：

1 - 删除ViewComponent sufix

public class MyComponent : ViewComponent

2 - 添加[ViewComponent]属性

[ViewComponent(Name = "MyComponent")]
public class MyComponentViewComponent : ViewComponent

调用组件：

@await Component.InvokeAsync(nameof(MyComponent))

如果该组件不存在，则抛出编译错误。

如何在ASP.NET Core中的razor视图中进行渲染之前检查视图组件是否存在

2 个答案: