Angular6错误 Service: No provider for Renderer2

rickchen 发布于2019-08-23 15:31 / 2264人阅读

摘要：解决办法很简单，既然无法注入就不注入。可以利用工厂类代替直接注入的方式。示例代码如下利用对象去操作元素即可

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

GPU云服务器云服务器 angular6 provided provide providers

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/102187.html

Angular6的服务和依赖注入

摘要：把组件和服务区分开，以提高模块性和复用性。而要把这些任务委托给各种服务。它只会通过依赖注入让你能更容易地将应用逻辑分解为服务，并让这些服务可用于各个组件中。 Angular 把组件和服务区分开，以提高模块性和复用性。通过把组件中和视图有关的功能与其他类型的处理分离开，你可以让组件类更加精简、高效。理想情况下，组件的工作只管用户体验，而不用顾及其它。它应该提供用于数据绑定的属性和...

sugarmo 2019-08-22 18:18 评论0 收藏0
【CuteJavaScript】Angular6入门项目（4.改造组件和添加HTTP服务）

摘要：然后我们在父组件上添加事件监听，并传入本地的在对应的中添加方法再来，我们在子组件上多导入和，并添加修饰器和调用这样就实现了我们父子组件之间的事件传递啦，现在我们的页面还是正常运行，并且删除一条数据后，页面数据会更新。本文目录一、项目起步二、编写路由组件三、编写页面组件 1.编写单一组件 2.模拟数据 3.编写主从组件四、编写服务 1.为什么需要服务 ...

BDEEFE 2019-08-23 15:25 评论0 收藏0
【CuteJavaScript】Angular6入门项目（3.编写服务和引入RxJS）

摘要：发布通过回调方法向发布事件。观察者一个回调函数的集合，它知道如何去监听由提供的值。本文目录一、项目起步二、编写路由组件三、编写页面组件 1.编写单一组件 2.模拟数据 3.编写主从组件四、编写服务 1.为什么需要服务 2.编写服务五、引入RxJS 1.关于RxJS 2.引入RxJS 3.改造数据获取方式六、改造组件 1.添...

RebeccaZhong 2019-08-23 15:25 评论0 收藏0
用WijmoJS玩转您的Web应用 —— Angular6

摘要：除在全球率先支持外，现已全面应用于等主流框架中。本文中，我们将专注于如何将添加到用编写的应用程序中。使用创建应用程序。接下来，我们定义适用于这些元素中托管的应用程序面板元素和控件的规则。往期精彩用玩转您的应用为什么选择WijmoJS？作为一款纯前端控件集，WijmoJS秉承快如闪电，触控优先的设计理念，在提供优质服务和产品的同时，专注于企业应用开发，不断优化产品架构，与时俱进。除在...

hedge_hog 2019-08-22 17:59 评论0 收藏0