2017-02-10 8 views
0

Я пытаюсь реализовать пакет аутентификации пользователя в угловом 2 в моем проекте: http://jasonwatmore.com/post/2016/09/29/angular-2-user-registration-and-login-example-tutorial.Angular 2 router: children not siplayed

Я поместил целую папку в супер-единицу с именем «loginMGR», переименовал «приложение» в «loginMGR» в модулях, компонентах и ​​именах файлов и изменил приложение-routing.module (теперь с именем loginMGR.module) на:

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 

Мои приложения маршрутизации имя модуля ссылку следующим путем:

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

Я доступ сверток благодаря этой кнопке:

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

Однако маршрутизатор-выход и предупреждение моего loginMGR.component.html остаются пустыми и не ссылаются на разные компоненты, к которым они должны иметь доступ (в этом случае «« будет «дома»).

Любая идея, что я делаю неправильно?

Спасибо

ответ

1

Так как вы определили свои дочерние маршруты в LoginRoutingModule, просто импортировать, что в модуле приложения, и удалить маршрут в модуле приложения маршрутов.

+0

Вот и все! Спасибо. Более того, я не упоминал все файлы, я должен был это сделать. Мой импорт AppRoutingModule был до LoginRoutingModule, который заблокировал объявления. – Callehabana