Angular2设置默认路由

时间:2017-02-10 09:26:01

标签: angular typescript

我在模块中设置路由并且我想设置默认路由但是它失败

这是路由模块

const appRoutes: Routes = [
 { path: 'login', component: LoginComponent, useAsDefault:true }, //returns an error
 {
  path: 'dash',
  redirectTo:"dashboard"
},

{ path: 'reset-password', component: ResetPasswordComponent },
{ path: '',    redirectTo: '/dashboard', pathMatch: 'full'  },
{ path: '**', component: PageNotFoundComponent }
];

以上内容会返回错误

LoginComponent; useAsD...' is not assignable to type 'Route[]'

可能出现什么问题

1 个答案:

答案 0 :(得分:12)

使用useAsDefault时,您需要在要首先显示的子路由上使用父路由和useAsDefault。 所以,不需要使用AsDefault,你可以简单地给Login As Default Routes.And,因为我看到Dashboard没有Imported组件所以,

const appRoutes: Routes = [
  {
    path: '',
    redirectTo: "/login",
    pathMatch: 'full'
  },
  { path: 'login', component: LoginComponent },
  { path: 'reset-password', component: ResetPasswordComponent },
  { path: '**', component: PageNotFoundComponent }
];