Angular 2 RC5 - 不同模块使用的通用组件

时间:2016-08-30 13:23:19

标签: angular

我在公共库中有一个组件LandingComponent。我的应用程序中几乎所有其他模块都需要使用此组件。

文件结构(在/app文件夹内):

/library
    landing.component.ts
/module1
    mod1.module.ts
    mod11.component.ts
/module2
    mod2.module.ts
    mod21.component.ts
app.module.ts

mod11.component.ts 摘录

@Component({
    template: '<landing title="M1C1 title" desc="M1C1 description"></landing>';
})
export class Mod11Component {}

mod21.component.ts 摘录

@Component({
    template: '<landing title="M2C1 title" desc="M2C1 description"></landing>';
})
export class Mod11Component {}

我应该如何组织导入和声明/指令才能使其正常工作? 我应该为库组件创建模块并在其他模块中使用它吗?

1 个答案:

答案 0 :(得分:0)

https://angular.io/docs/ts/latest/guide/ngmodule.html#!#shared-module

共享模块是您寻求的最佳解决方案!