Angular-处理未知路线以确定行为

问题描述 投票:0回答:1

我正在使用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)。

感谢所有帮助!

angular angular-router
1个回答
0
投票

这对我有用

{
  path: '**',
  loadChildren: () => import('./path/to/your/component.module').then(m => m. DefaultPageComponentModule),
}
© www.soinside.com 2019 - 2024. All rights reserved.