Angular6错误 Service: No provider for Renderer2

最新推荐文章于 2023-12-30 22:15:57 发布

weixin_34334744

最新推荐文章于 2023-12-30 22:15:57 发布

阅读量432

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：https://segmentfault.com/a/1190000018326085

本文介绍了解决Angular项目中Renderer2注入失败的问题。通过使用RendererFactory2替代直接注入Renderer2，有效避免了错误的发生。文章提供了具体的代码示例，帮助开发者正确地创建和使用renderer对象。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这个错误一般是在构造函数中注入 Renderer2 引起的。

解决办法很简单，既然无法注入Renderer2就不注入。可以利用工厂类RendererFactory2 代替直接注入Renderer2的方式。
示例代码如下：

import { Renderer2, RendererFactory2 } from '@angular/core';

@Injectable()
class Service {
    private renderer: Renderer2;

    constructor(rendererFactory: RendererFactory2) {
        this.renderer = rendererFactory.createRenderer(null, null);
    }
}

利用renderer对象去操作元素即可