Question

我试图利用Maui Blazor Ad App申请。我如何使用 app子档案? 我利用国际法学家委员会(JSRuntime)和IJSObject Reference进行了尝试,但似乎无法工作。

My project: enter image description here My code: enter image description here

@inherits LayoutComponentBase
@using Microsoft.JSInterop

<div class="page">
    <main>
        <article class="content px-4" style="padding: 0 !important">
            @Body
        </article>
    </main>
</div>
@code {
    [Inject] IJSRuntime JSRuntime { get; set; }
    IJSObjectReference module;

    protected override async Task OnAfterRenderAsync(bool firstRender)
    {
        try
        {
            module = await JSRuntime.InvokeAsync<IJSObjectReference>("import", "./js/app.js");
        }
        catch (Exception ex)
        {
            Console.Write(ex.Message);
            throw;
        }
    }

}

Answer 1

首先,你需要采用<代码>@inject IJSRuntime JS方法。

然后,你需要将<代码>IJSObjectReference作为以下编码。

@inherits LayoutComponentBase
@inject IJSRuntime JS
<div class="page">
    <div class="sidebar">
        <NavMenu />
    </div>

    <main>
        <div class="top-row px-4">
            <a href="https://learn.microsoft.com/aspnet/core/" target="_blank">About</a>
        </div>

        <article class="content px-4">
            @Body
        </article>
    </main>
</div>

@code{
    private IJSObjectReference? module;

    protected override async Task OnAfterRenderAsync(bool firstRender)
    {
        try
        {
            module = await JSRuntime.InvokeAsync<IJSObjectReference>("import", "./js/app.js");
        }
        catch (Exception ex)
        {
            Console.Write(ex.Message);
            throw;
        }
    }
}

友情链接