Angular 2:在模块上导出组件并导入并在模块中使用它

时间:2017-01-31 15:10:16

标签: angular typescript module components

我有一个名为CustomerInfoModule的功能模块,它导出一个CustomerInfoComponent。见下文。

import {NgModule} from '@angular/core'
import {RouterModule}  from '@angular/router'

import {CustomerInfoComponent} from './customer-info.component'

@NgModule({
declarations:[CustomerInfoComponent],
exports:[CustomerInfoComponent]
})
export class CustomerInfoModule{
}

我想在MissedCollectionsComponent中导入和使用此CustomerInfoComponent。我收到打字稿错误

  

'。module“'没有导出的成员'CustomerInfoComponent'

import {NgModule} from '@angular/core'
import {RouterModule} from '@angular/router'

import {MissedCollectionsComponent} from './missed-collections.component'

import {CustomerInfoComponent} from '../shared/customer/customer-info.module'

@NgModule({
imports:[RouterModule.forChild([
        {path:'missedcollection',component:MissedCollectionsComponent},
        {path:'missedcollection/customerinfo',component:CustomerInfoComponent}
    ]),
    CustomerInfoModule],
declarations:[],
exports:[]
})
export class MissedCollectionsModule{

}

根据Angular2文档,它说:

  

'我们导出ContactComponent,以便导入其他模块   ContactModule可以将它包含在它们的组件模板中。 link

从模块导入组件并在另一个模块中使用它是不合逻辑的。我错误地认为/或缺少某些东西?

1 个答案:

答案 0 :(得分:3)

因为从模块文件导入,你可以这样做。

客户info.module.ts

import {CustomerInfoComponent} from './customer-info.component';
export {CustomerInfoComponent};