对多个不同的 ROUTES 使用相同的 URL - Angular 2+

Question

我需要制作一个 Angular 应用程序，以便为多个路由使用相同的 url。示例：

路线 1。而不是导航到：

/合作伙伴/url参数

导航到：

/partnerurl参数

路线 2。而不是导航到：

/用户/url参数

导航到：

/userurl参数

其中路径是“/”，后跟一个动态值，即参数。

有没有办法做到这一点？

这是我的路线的配置方式：

{ 路径：'/partner/:partnerId'，组件：PartnerComponent }，

{ 路径：'/customer/:customerId'，组件：CustomerComponent }，

我想要这样的东西：

{ 路径：'/partner/:partnerId'，组件：PartnerComponent }，

{ 路径：'/:customerId'，组件：CustomerComponent }，

Answer 1

这是您想要实现的目标的示例，follow the link 也是如此。 如果有任何变化，请告诉我。

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';
import { RouterModule, Routes } from '@angular/router';

import { AppComponent } from './app.component';
import { HelloComponent } from './hello.component';
import { CustomerComponent } from '../customer/customer.component';
import {PartnerComponent} from '../partner/partner.component';

export const routes: Routes = [
  { path: 'partner/:partnerId', component: PartnerComponent },
  { path: ':customerId', component: CustomerComponent },
  { path: '', component: HelloComponent, pathMatch:'full' },
];

@NgModule({
  imports: [BrowserModule, FormsModule, RouterModule.forRoot(routes)],
  declarations: [AppComponent, HelloComponent, CustomerComponent, PartnerComponent],
  bootstrap: [AppComponent]
})
export class AppModule { }