Angular 路由 - 避免硬编码字符串

Question

我有点担心在我的 Angular 应用程序中使用硬编码的路由字符串。只是好像有点不对劲!例如

 this._router.navigate(['dashboard/customer', customer.CustomerId]);

path: 'customer',
component: CustomerComponent,

有解决办法吗？

Answer 1

在路由模块中为路由器路径定义一个静态变量，然后在整个应用程序中使用它。例如:

定义路由路径:

  export class AppRoutes {
        public static CUSTOMER: string = "customer";
        public static ERROR: string = "error";
    }

路由配置:

const routes: Routes = [ 
  {
  path: AppRoutes.CUSTOMER, component: CustomerComponent
  }
];

导航:

this._router.navigate(["/" + AppRoutes.CUSTOMER, customer.CustomerId]);