当前位置：首页 > article >正文

Blazor-@inject

article 2025/2/1 1:51:29

测试

在Razor 组件中，可以通过 @inject 指令将服务的实例注入到 Razor 组件类中。

@page "/injectPage"
@rendermode InteractiveAuto
@inject ILogger<InjectPage> logger
<h3>InjectPage</h3>

@code {
    public InjectPage()
    {
        logger.LogInformation("InjectPage.ctor");
    }
}

这段代码中我们注入了系统类ILogger并在构造函数中进行调用，我们来试试结果。
在这里插入图片描述

我们发现程序报错了，注入的logger的值为空，产生了报错。
在上面的过程中调用是有问题的，在Razor组件的生命周期中，在实例化组件类的过程中没有注入ILogger类型的实例，依赖性是在组件实例化完成后才可以使用，在实例化类的过程中必须要调用构造函数，所以在构造函数中不能使用依赖项。

优化

我们将日志的记录修改在实例化组件之后使用，代码如下：

@page "/injectPage"
@rendermode InteractiveAuto
@inject ILogger<InjectPage> logger
<h3>InjectPage</h3>

@code {
    public InjectPage()
    {
    }

    protected override void OnInitialized()
    {
        logger.LogInformation("InjectPage.ctor");
        base.OnInitialized();
    }
}