如何在 .razor.cs 文件后面注入 blazor 代码？以 IJSRuntime 为例

Question

在 Blazor 中使用普通的单页剃刀组件。我可以IJSRuntime在页面顶部像这样注入：

@inject IJSRuntime JSRuntime

如果我为组件在 .razor.cs 文件后面创建了一个代码，我如何将类似的内容IJSRuntime注入到代码隐藏文件中？

Answer 1

在razor.cs文件后面的代码中，IJSRunTime或者其他人可以注入该[Inject]属性

public partial class BillingDashboard
{
    [Inject]
    IJSRuntime JSRuntime { get; set; }

    protected override async Task MyFunction()
    {
         await JSRuntime.InvokeVoidAsync("console.log('test')");
    }
}