2017-01-31 14 views
6

Mam moduł cech o nazwie CustomerInfoModule, który eksportuje CustomerInfoComponent. patrz poniżej.Angular 2: eksportuj komponent do modułu i importuj go i używaj wewnątrz modułu

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

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

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

Chcę zaimportować i używać tego CustomerInfoComponent wewnątrz MissedCollectionsComponent. . Ja dostaję error maszynopis

”.module"”nie ma eksportowany członkowskiego '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{ 

} 

zgodnie z dokumentacją Angular2 mówi:

"Eksportujemy obiekt ContactComponent, aby inne moduły importowały ContactModul e może zawrzeć je w swoich szablonach składowych. " link

Czy nie jest to logiczne, aby importować componets z modułem i użyć go wewnątrz innego modułu. Mylę myślenie/lub brakujące cos?

Odpowiedz

2

ponieważ import z pliku modułu, można zrobić coś takiego tego.

klienta info.module.ts

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

Tak, że będzie działać. Dzięki. Ale moim problemem jest to, kiedy eksportujemy komponent dlaczego jej nie widoczne import z innego modułu. –

+0

@PrabashB zwróć uwagę, że 'export' w NgModule oznacza, że ​​nie potrzebujesz" deklaracji "niektórych Komponentów, Dyrektyw, Pip, jeśli" importujesz "inne NgModule już" deklaracje "je. –

+0

dzięki. zadziałało. mała korekta twojego kodu. Poniższy kod działał dla me.import {CustomerInfoComponent} z './customer-info.component' export {CustomerInfoComponent} Proszę edytować swój kod. więc to zaakceptuję. –

Powiązane problemy