小编nuV*_*oid的帖子

Angular2 RC5使用正确的模块动态编译组件

我正在尝试使用angular2 编译器动态插入一个组件,只要所有代码都在默认模块中,它就可以正常工作.

但是如果尝试将组件放入其自己的功能模块中,它就会中断.注入的编译器实例(ModuleBoundCompiler)绑定到默认模块而不是特性模块,我无法在编译器调用中覆盖模块,因为我无法获得对它的引用,因为循环依赖(特征模块导出组件) ,组件需要引用功能模块).

不知道这是一个错误还是我做错了什么?

默认模块:

import {NgModule} from '@angular/core';
import {BrowserModule} from '@angular/platform-browser';

import {AppComponent} from './app.component';

@NgModule({
    imports: [BrowserModule, FeatureModule],
    declarations: [AppComponent],
    bootstrap: [AppComponent]
})
export class AppModule { }
Run Code Online (Sandbox Code Playgroud)

AppComponent:

import {Component} from "@angular/core";

@Component({
    selector: "my-app",
    template: `
        <h1>Angular2 RC5 Test</h1>
        <feature-component></feature-component>
    `
})
export class AppComponent { }
Run Code Online (Sandbox Code Playgroud)

功能模块:

import { NgModule }     from "@angular/core";
import { CommonModule } from "@angular/common";
import { FormsModule }  from "@angular/forms";

import { FeatureComponent } …
Run Code Online (Sandbox Code Playgroud)

angular2-compiler angular

5
推荐指数
0
解决办法
1271
查看次数

标签 统计

angular ×1

angular2-compiler ×1