Angular2路由空路径的最佳实践

时间:2017-11-29 05:33:18

标签: javascript angular typescript routing local-storage

我想设置空路径的路由。

登录时,获取用户的角色并根据用户角色在本地存储中设置重定向URL,我必须将其设置为app.routing.ts中的空路径的默认路由URL,其中包含app.module.ts中的路由文件。

我试过了:

export const AppRoutes: Routes = [{
    path: '',
    redirectTo: localStorage.getItem('redirectUrl'),
    pathMatch: 'full',
    canActivate: [AuthGuard]
}, {
 path: '',
 component: AdminLayoutComponent,
 children: [
    {
        path: 'dashboard', 
        loadChildren: './dashboard/dashboard.module#DashboardModule',
        canActivate: [AuthGuard]
    }]
}];

但是在编写打字稿时,它显示以下错误:

ERROR in Error遇到静态解析符号值。调用函数'localStorage',不支持函数调用。考虑使用对导出函数的引用替换函数或lambda,解析/var/www/SSNW/client/src/app/app.routing.ts中的符号AppRoutes,解析/ var / www / SSNW / client /中的符号AppModule src / app / app.module.ts,解析/var/www/SSNW/client/src/app/app.module.ts中的符号AppModule,解析/ var / www / SSNW / client / src / app /中的符号AppModule app.module.ts

下一个选择是创建一个组件并在空路径组件中指定它。

这样做的最佳做法是什么。

0 个答案:

没有答案