Question

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

路线1。而不是导航到：

/ partner / urlparameter

导航至：

/ partnerurlparameter

路线2。而不是导航到：

/ user / urlparameter

导航至：

/ userurlparameter

路径为“ /”，后跟动态值作为参数。

有没有办法做到这一点？

这是我的路线配置方式：

{路径：' / 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 { }

对多个不同的路线使用相同的网址-Angular 2+

1 个答案: