Wie mehrere Erklärungen in angularoutes

Question

Mein App-Modul

/* dependency Modules */ 
import { NgModule } from '@angular/core' 

import { FormsModule, ReactiveFormsModule } from '@angular/forms'; 
import { BrowserModule } from '@angular/platform-browser'; 
import { HttpModule } from '@angular/http'; 

/* router configuration */ 
import { AppRoutingModule } from './app.routes'; 

/* components */ 
import { AppComponent } from './app.component'; 

/* project Modules */ 
import { subscriptionModule } from '../components/subscription/subscription.module'; 

/* app declaration */ 
@NgModule({ 
    declarations: [ 
    AppComponent 
    ], 
    imports: [ 
    BrowserModule, 
    FormsModule, 
    ReactiveFormsModule, 
    HttpModule, 
    AppRoutingModule, 
    subscriptionModule, 
    ], 
    providers: [], 
    bootstrap: [AppComponent] 
}) 
export class AppModule { 

} 

Meine Strecke Config

/* dependency modules */ 
import { NgModule } from '@angular/core' 
import { Routes } from '@angular/router'; 
import { RouterModule } from '@angular/router'; 

/* subscription */ 
/*components */ 
import { subscriptionComponent } from '../components/subscription/subscription.component'; 
import { subscriptionMenuComponent } from './../components/subscription/includes/menu/subscriptionMenu.component'; 
import { subscriptionSubscribeComponent } from './../components/subscription/includes/subscribe/subscriptionSubscribe.component'; 

export const rootRouterConfig: Routes = [ 
    { path: '', redirectTo: 'subscription', pathMatch: 'full' }, 
    { 
    path: 'subscription', component: subscriptionComponent, 
    children: [ 
     { path: '', component: subscriptionMenuComponent }, 
     { path: 'subscribe', component: subscriptionSubscribeComponent }, 
    ] 
    }, 
]; 

@NgModule({ 
    imports: [ 
    RouterModule.forRoot(rootRouterConfig, { useHash: true }), 
    ], 
    exports: [ 
    RouterModule 
    ] 
}) 
export class AppRoutingModule { } 

Meine Abonnement-Modul

/* dependency modules */ 
import { NgModule } from '@angular/core'; 
import { RouterModule } from '@angular/router'; 

/* components */ 
import { subscriptionComponent } from './subscription.component'; 
import { subscriptionHeaderComponent } from './header/subscriptionHeader.component'; 
import { subscriptionMenuComponent } from './includes/menu/subscriptionMenu.component'; 
import { subscriptionSubscribeComponent } from './includes/subscribe/subscriptionSubscribe.component'; 


@NgModule({ 
    imports: [ 
    RouterModule 
    ], 
    declarations: [ 
    subscriptionComponent, 
    subscriptionHeaderComponent, 
    subscriptionMenuComponent, 
    subscriptionSubscribeComponent 
    ] 
}) 

export class subscriptionModule { } 

In meinem Code, ich habe bereits importierte Komponenten in dem vermeiden, Subscription-Modul, muss ich es in der Router-Konfiguration neu importieren. Ich bin total neu in Winkel 2 kann mir jemand sagen, dass das, was ich getan habe, korrekt ist. Die Seiten werden korrekt geladen, aber ist es möglich, die Importe zu reduzieren?

Answer 1

• In ngModule Sie müssen alle Komponenten importieren, die Sie in diesem Modul sind

• aber auch müssen Sie importieren müssen all jene Komponente, die in Routing verwendet werden.

• Aber im Fall von lazzy Laden nur keine Notwendigkeit, Komponenten in der Routing-Datei und in Modul als auch zu importieren.