Angular2設置默認路由

Question

我在模塊中設置我的路由，我想設置默認路由，但它失敗了

這是路由模塊

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[]'

可能有什么不對

Answer 1

使用useAsDefault時，您需要在要首先顯示的子路由上使用父路由和useAsDefault。 所以，不需要使用AsDefault，你可以簡單地給Login As Default Routes.And，因為我看到沒有為Dashboard導入的組件，所以，

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