Angular 5 Routes无法正常工作,重定向到默认值

时间:2018-01-22 06:45:49

标签: angular typescript routes angular2-routing angular-router

很好地陷入了角度5的一些问题。制作了一个应用程序,定义了路线,但是在任何网址的火上,它导航到默认值(在我的情况下为404)。请帮帮我们。 这是我的路线结构。

const appRoutes: Routes = [
{
    path: 'authentication',
    loadChildren: './authentication/authentication.module#AuthenticationModule',
}, {
    path: 'select-administration',
    loadChildren: './main/content/select-administration/select-administration.module#SelectAdministrationModule',
}, {
    path: 'apps',
    loadChildren: './main/main.module#FuseMainModule',
}, {
    path: 'administration',
    loadChildren: './main/content/administration/administration.module#AdministrationModule',
}, {
    path: 'profile',
    loadChildren: './main/content/user-profile/user-profile.module#UserProfileModule',
}, {
    path: '**',
    loadChildren: './main/content/404/error-404.module#Error404Module'
}
];

这是我定义路线的app.module.ts

imports     : [
    BrowserModule,
    FormsModule,
    HttpClientModule,
    BrowserAnimationsModule,
    RouterModule.forRoot(appRoutes),
    SharedModule,
    FileUploadModule,
    NgbModule,
    NgbModule.forRoot(),
    ToastrModule.forRoot(),
],

1 个答案:

答案 0 :(得分:0)

您的app模块应该包含父路径以及加载子项。使用RouterModule.forRoot加载它们。然后有单独的功能模块进行身份验证,用户配置文件等。在功能模块中有子路径和负载使用RouterModule.forChild。这个链接有一篇很好的文章。

https://angularfirebase.com/lessons/how-to-lazy-load-components-in-angular-4-in-three-steps/