在Angular 4中使用Renderer

import { Injectable,Renderer2 } from '@angular/core'

我怀疑你是在尝试在你的服务类中注入Renderer2.它不会起作用.您无法在服务中注入Renderer2.它应该适用于组件内提供的组件和服务.

我们可以看看源代码https://github.com/angular/angular/blob/4.0.1/packages/core/src/view/provider.ts#L363-L373

while (view) {
  if (elDef) {
    switch (tokenKey) {
      case RendererV1TokenKey: {
        const compView = findCompView(view,elDef,allowPrivateservices);
        return createRendererV1(compView);
      }
      case Renderer2TokenKey: {
        const compView = findCompView(view,allowPrivateservices);
        return compView.renderer;
      }

它只在元素注入器树中检查.并且没有其他地方可以提供此令牌

因此,当您调用某些服务@L_772_3@https://github.com/angular/angular/issues/17824#issuecomment-311986129时,您必须将Renderer2从组件传递到服务

或者您可以在组件内提供服务

@Injectable()
export class service {
  constructor(private r: Renderer2) {}
}
@Component({
  SELEctor: 'my-app',templateUrl: `./app.component.html`,providers: [service]
})
export class AppComponent { 
  constructor(private service: servicE) {}
}