我正在使用Angular 6
开发应用程序,我需要处理我的应用程序中的未知路由。
例如:
Instagram有一个默认页面(instagram.com),但是如果您编写(instagram.com/user),他们会将您重定向到用户个人资料,并且我需要在Angular
应用程序中执行完全相同的操作。
按照下面的路线:
const APP_ROUTES: Routes = [
{
path: '',
redirectTo: 'home',
pathMatch: "full"
},
{
path: 'home',
component: HomeComponent
},
{
path: "login",
component: LoginComponent
},
{
path: "in-development",
component: InDevelopmentComponent
},
{
path: "**",
component: DefaultPageComponent
}
];
export const routing: ModuleWithProviders = RouterModule.forRoot(APP_ROUTES, { useHash: true });
默认情况下,我的应用程序重定向到/home
,但是我想重定向到DefaultPageComponent
,如果我键入:localhost:4200/pedro
并获得整个path
(包括pedro
)。
感谢所有帮助!
这对我有用
{
path: '**',
loadChildren: () => import('./path/to/your/component.module').then(m => m. DefaultPageComponentModule),
}