angular - 角度 4 中的多租户路由

Question

我正在运行一个 Angular 4 应用程序。我对应用程序中的路由有特定要求。

我有路由和路由参数等/create/claim。/view/claim/:id这些传统的路由方法工作正常。

我需要路由到param页面名称之前给出的页面（例如：仪表板页面）。例如

http://.../dashboard <--- this is working & loads dashboard module.
http://.../:client-name/dashboard <-- I need to know how to load dashboard module, after getting client-name information from database.

请让我知道是否有人遇到过这样的要求。如果需要更多信息，我会提供。

Answer 1

我认为您看到的答案是延迟加载和使用警卫。

• 延迟加载：将使您的仪表板独立，并且仅在您转到特定路线时才可访问。更多信息：

  https://angular.io/guide/ngmodule#lazy-loading-modules-with-the-router

• 守卫：这里将是您的数据请求，因为守卫会在您每次前往路线时拦截。在前往路线之前，您可以进行呼叫并进行验证。

一个例子

 const APP_ROUTES: Routes = [
  {
    path: 'dashboard',
    loadChildren: 'app/dashboard/dashboard.module#DashboardModule',

 }, {
    path: 'dashboard',
    runGuardsAndResolvers: 'always',
    canActivate: [AuthGuard],
    loadChildren: 'app/home/home.module#HomeModule'
 }, {
   path: 'auth',
   loadChildren: 'app/auth/auth.module#AuthModule'
 }
];

我们的后卫是这样的

 canActivate(next: ActivatedRouteSnapshot, state: RouterStateSnapshot): 
  Observable<boolean> | Promise<boolean> | boolean {
    if (this.authservice.isAuthenticated()){
  return true;
 } else {
  this.router.navigate(['auth/signIn'], {});

  }
 }

希望能帮助到你。