Angular 2和systemjs:如何导入将在运行时创建的app.module.ts文件?

时间:2017-02-13 14:18:28

标签: angular typescript systemjs

考虑一个带有可重复使用的角度2组件的项目。现在在运行时我将组件文件复制到另一个项目中,所以我希望能够使用它们。怎么做?

第一个问题是.ts无法识别的文件路径,它确实不存在,将在运行时存在。

import { HelloComponent } from 'my-framework/components/hello/hello.component.ts';

此导入似乎有效,altouge .ts无法识别URL,但在加载时他找到了该文件。现在我收到了该文件本身的错误,我没有采用这种方式。文件如何编译到项目中?

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

@Component({
    selector: 'hello',
    template: `<h1>Hello {{name}}</h1>`
})
export class HelloComponent { name = 'You'; }

是否有人创建了包含组件的项目并将其插入另一个项目并能够使用它们?我想我不明白它是如何完成的。

1 个答案:

答案 0 :(得分:0)

在app.module.ts文件中,确保您声明了该组件:

`````

import { HelloComponent } from 'my-framework/components/hello/hello.component';
@NgModule({
    declarations: [
        MyApp,
        HelloComponent
    ]

`````