帶有動態部分的角度路由

Question

我有一個有很多路線的角度站點，例如：

/orders
/products
/customers 

等等...現在我想讓我的項目處理多個公司，網址應該是：

/companyA/orders
/companyB/orders
etc...

我可以將路線更改為：

:company/orders

但我更願意告訴 angular 它的路由根是 /:company （公司由我使用的第一個 url 確定）。

關於如何做到這一點的任何提示？ 我有很多路線，我不想手動更改它們

Answer 1

在朋友的幫助下，我找到了這個解決方案： https : //angular.io/api/common/APP_BASE_HREF

import {Component, NgModule} from '@angular/core';
import {APP_BASE_HREF} from '@angular/common';

@NgModule({
  providers: [{provide: APP_BASE_HREF, useValue: '/my/app'}]
})
class AppModule {}

這解決了我的問題

Answer 2

您可以像這樣簡單地嵌套路由：

{
    path: ':company',
    component: DummyComponent, // You'll need some dummy component here
    children: [
        {
            path: '',
            redirectTo: 'orders',
            pathMatch: 'full'
        },
        {
            path: 'orders',
            component: OrderComponent,
        },
        {
            path: 'products',
            component: ProductsComponent,
        },
        {
            path: 'customers',
            component: CustomersComponent,
        }
    ]
}

這將涵蓋所有路線，如 companyA/orders 或 companyB/products