Bootstrap

Blazor-@inject

测试

在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();
    }
}

我们将日志的写入放在了OnInitialized方法中,OnInitialized方法在实例化组件之后才会执行,这时的依赖项已经写入,所以编译就不会报错了。
这一次代码正常执行,没有报错并输出了日志
在这里插入图片描述

;