Wie Renderer2 in benutzerdefinierten Dienst in Angular 4

Question

Ich versuche Renderer2 in meinen benutzerdefinierten Dienst injizieren zu injizieren und es ist mit dem Fehler Fehler wie folgt:

ERROR Error: StaticInjectorError[Renderer2]: 
    StaticInjectorError[Renderer2]: 
    NullInjectorError: No provider for Renderer2! 

Es ist ein brandneue Winkel App erstellt cli mit und meine benutzerdefinierten Service, den ich erstellt ist:

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

@Injectable() 
export class FontsService { 

    constructor(private renderer: Renderer2) { 
    console.log(this.renderer); 
    } 

    getFonts() { 
    return 'Ubuntu'; 
    } 

} 

Und app.module ist sehr einfach nur die Bereitstellung des neu erstellten Dienstes:

Hilfe bitte?

Vielen Dank.

Answer 1

Es gibt den Weg, den Angular intern zB in Webworkern verwendet.

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

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

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

Parameter der RendererFactory2.createRenderer Methode sind:

• hostElement mit Typ any
• type mit Typ RendererType2|null

Ich habe das Problem mit dem Code unten gelöst

können Sie sehen, dass (null, null) Parameter sind hier: https://github.com/angular/angular/blob/e3140ae888ac4037a5f119efaec7b1eaf8726286/packages/core/src/render/api.ts#L129