Angular 2 Router: Kinder nicht siplayed

Question

Ich versuche, ein Benutzer Authentifizierung Bündel in eckigen 2 zu meinem Projekt zu implementieren: http://jasonwatmore.com/post/2016/09/29/angular-2-user-registration-and-login-example-tutorial.

Ich habe ganze Ordner in einen Super eines namens „loginMGR“, umbenannt die „App“ auf „loginMGR“ in Module, Komponenten und Dateinamen und geändert, um den App-routing.module (jetzt genannt loginMGR.module) zu:

imports... 

const loginRoutes: Routes = [ 
    { 
    path: '', 
    component: HomeComponent, 
    canActivate: [AuthGuard], 
    children: [ 
     { path: 'identification', component: LoginComponent }, 
     { path: 'enregistrement', component: RegisterComponent }, 
    ] 
    }, 

    // otherwise redirect to home 
    { path: '**', redirectTo: '' } 
]; 

@NgModule({ 
    imports: [ 
    RouterModule.forChild(loginRoutes) 
    ], 
    exports: [ 
    RouterModule 
    ] 
}) 

export class LoginRoutingModule 

Meine app-Routing durch die folgende Route den Link Modulname:

const routes: Routes = [ 
... 
     { path: 'authentification', component: LoginMGRComponent }, 
... 

greife ich auf die Bundle dank dieser Taste:

<a [routerLink]="['/authentification']" [routerLinkActive]="['router-link-active']" [routerLinkActiveOptions]="{exact:true}" class="navbar-link"> 

Der Router-Ausgang und die Benachrichtigung über meine loginMGR.component.html bleiben jedoch leer und verlinken nicht zu den verschiedenen Komponenten, auf die sie zugreifen sollen (in diesem Fall wäre "home").

Irgendeine Idee, was ich falsch mache?

Danke

Answer 1

Da Sie Ihr Kind Routen in der LoginRoutingModule definiert, importieren nur, dass in der App-Modul und die Route in den App-Modul Routen entfernen.