Angular6错误 Service: No provider for Renderer2

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

转载最新推荐文章于 2023-12-30 22:15:57 发布 · 104 阅读

0 ·

CC 4.0 BY-SA版权

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

文章标签：

#javascript #ViewUI

本文介绍了解决Angular中无法直接注入Renderer2的问题。通过使用RendererFactory2创建Renderer2实例，可在服务中操作DOM元素，避免了直接注入Renderer2带来的错误。

这个错误一般是在构造函数中注入 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对象去操作元素即可