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