如何在Blazor Webassembly中完全禁用组件

Question

我有这个剃刀代码，我打算根据某个事件发生变化的变量禁用整个组件(不对用户输入做出响应，并且明显与众不同(：

<div @bind-Enabled=@NoItemSelected >      
<Component01 Param1="@DataItem01" />
</div>
@code{
public DataItem DataItem01 {get; set;}
public bool NoItemSelected => DataItem01 != null;
}

显然，试图设置div的启用状态是行不通的。

该组件包含许多元素，因此我无法根据输入参数逐个禁用它们。

知道我应该如何将禁用状态设置为整个组件吗？

Answer 1

您可以在组件周围放置if语句

@if (NoItemSelected == false)
{   
<Component01 Param1="@DataItem01" />
}