razor 组件中对话框元素的条件“打开”属性

Question

我只是尝试将

<dialog>

元素的可见性切换为

<dialog open>

。我发现很多文章都会生成

<dialog open="open">

但这不起作用。

我正在运行 ASP.NET Core v.7.0

我尝试了随附的代码和其他变体，但未成功。

<dialog class="dialog" @(paneOpen ? open : "")>
    <form>
    Content
    </form>
</dialog> 

@code {
    public bool paneOpen = true;
}

Answer 1

是你想要的吗？

<dialog class="dialog" open=@paneOpen>
    <form>
        Content
    </form>
</dialog>

<button class="btn btn-primary" @onclick="Open">Open</button>

<button class="btn btn-primary" @onclick="Close">Close</button>
@code {

    public bool paneOpen = true;

    private void Open()
    {
        paneOpen = true;
    }
    private void Close()
    {
        paneOpen = false;
    }