angular - 带有 templateUrl 的 angular2 动态组件的“无法读取 url”错误

Question

试图从这里修改灵魂。它工作正常，但是如果你在组件中将模板更改为 templateUrl，它应该动态加载，你会得到一个错误：“没有提供 ResourceLoader 实现。无法读取 url ...”。

@Component({
    selector: 'string-editor',
    templateUrl: 'app/parts/string.html', //using template URL instead of inline template here
})
export class StringEditor { ... }

plunker上的实时示例。任何想法如何解决这一问题？

Answer 1

不要使用COMPILER_PROVIDERS，因为它会覆盖ResourceLoader.

对于动态加载，请使用Compilerfrom core 包（实际上与 相同RuntimeCompiler）：

@Inject(Compiler) protected compiler: Compiler

并在您的模块中添加ApplicationModuleas 导入：

imports: [ 
    ApplicationModule,
    BrowserModule,
    DynamicModule.forRoot() // singletons
],

普朗克