Нет поставщика для выполнения RuntimeCompiler

Question

Я пытаюсь следовать принятый ответ здесь, и сделать вызов RuntimeCompiler.clearCache()

Вот никогда, как я пытался сделать это:

import { Component } from '@angular/core'; 
import { OnInit } from '@angular/core'; 
import { RuntimeCompiler } from '@angular/compiler'; 

@Component({ 
    moduleId: module.id, 
    selector: 'my-app', 
    templateUrl: 'app.component.html', 
}) 

export class AppComponent implements OnInit { 
    constructor(private _runtimeCompiler: RuntimeCompiler) {} 

    ngOnInit() { 
     this._runtimeCompiler.clearCache(); 
    } 
} 

Но я получаю эту ошибку:

ORIGINAL EXCEPTION: No provider for RuntimeCompiler! 

Что мне здесь не хватает?

Answer 1

Добавить RuntimeCompiler поставщикам компонентов. (providers: [RuntimeCompiler], ниже templateUrl)

Answer 2

Добавить RuntimeCompiler как поставщик в вашем component.

import { Component } from '@angular/core'; 
import { OnInit } from '@angular/core'; 
import { RuntimeCompiler } from '@angular/compiler'; 

@Component({ 
    moduleId: module.id, 
    selector: 'my-app', 
    templateUrl: 'app.component.html', 
    providers: [RuntimeCompiler] 
}) 

export class AppComponent implements OnInit { 

    constructor(private _runtimeCompiler: RuntimeCompiler) {} 

    ngOnInit() { 
     this._runtimeCompiler.clearCache(); 
    } 
} 

Answer 3

С RC5 + это провайдеры должны быть зарегистрированы на уровне AppModule

@NgModule({ 
    imports: [ 
     BrowserModule 
     ... 
    ], 
    declarations: [ ... ], 
    bootstrap: [ ... ], 
    providers: [ 
     COMPILER_PROVIDERS 
    ], 
}) 
export class AppModule { } 

Проверить это How can I use/create dynamic template to compile dynamic Component with Angular 2.0? для рабочего plunker

Answer 4

Удалить линию

import { RuntimeCompiler } from '@angular/compiler'; 

Затем добавить компилятор в импорт @ угловой/ядро. И замените RuntimeCompiler на компилятор;

import { Component, Compiler } from '@angular/core'; 
import { OnInit } from '@angular/core'; 


@Component({ 
    moduleId: module.id, 
    selector: 'my-app', 
    templateUrl: 'app.component.html', 
}) 

export class AppComponent implements OnInit { 
    constructor(private _compiler: Compiler) {} 

    ngOnInit() { 
     this._compiler.clearCache(); 
    } 
} 

https://angular.io/docs/ts/latest/api/core/index/Compiler-class.html