Angular 2 : export component on a module and import and use it inside a module

angularcomponentsmoduletypescript

I have a feature module called CustomerInfoModule which exports a CustomerInfoComponent. see below.

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

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

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

I want to import and use this CustomerInfoComponent inside MissedCollectionsComponent. I am getting typescript error

'.module"' has no exported member '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{

}

As per the Angular2 documentation it says:

'We export the ContactComponent so other modules that import the
ContactModule can include it in their component templates.' link

Is it not logical to import componets from a module and use it inside another module. Am I wrong thinking that/or missing someting?

Best Answer

because you import from module file, you could do something like this.

customer-info.module.ts

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