在 .NET Blazor 中管理模态/模态可见性有哪些方法？

Question

我正在尝试弄清楚如何在 Blazor 应用程序中管理模式。目前，我有一个 Modal 组件，它具有 RenderFragment 参数和一些回调函数，我将它们用于不同实体的大多数 CRUD 操作。这些模式的可见性由我的页面标记中的各个可见性布尔值处理。 例如

@if(fooModalVisible){
   <Modal>{foo form content}</Modal>
}
@if(barModalVisible){
   <Modal>{bar form content}</Modal>
}

...

@code{
   private bool fooModalVisible { get; set; } = false;
   private bool barModalVisible { get; set; } = false;
}

如何在不使用单独的页面布尔值的情况下管理一个组件中多个模式的模式可见性？

Answer 1

如果您正在使用 Bootstrap（或正在考虑），请查看

https://havit.blazor.eu/components/HxModal

它非常简单且易于使用。支持高级场景

https://havit.blazor.eu/components/HxDialogBase

都是免费、开源的。