Angular Router Issue

Question

在路由器中，我的路由器URL中使用了一些参数，但是实际上，如果我为多个组件仅添加了没有任何静态数据的参数，则无法正确加载。在我的代码下面。...

const routes: Routes = [
  { path:'', redirectTo:"/", pathMatch:"full"},

  { path: '', component: DashboardComponent },

  { path: 'aboutus', component: AboutusComponent },

  { path: ':cityname/property-sale', component: CityComponent },


  { path: ':cityname/:staticlocurl-:localityname-:localityid', component: localityComponent },


  { path: ':cityname/zone/:zonename-:zoneid', component: zoneComponent },

  { path: ':cityname/:proptypename-:proptypeid', component: typeComponent },

  { path: '**', redirectTo:"/" }

在此路由器localityComponent和typeComponent的完整路径中，我设置参数时没有像其他路由器路径一样的任何静态数据。因此它无法正确显示。

对于typecomponent，如果我像下面这样添加，它将起作用。

{ path: ':cityname/sale/:proptypename-:proptypeid', component: typeComponent },

Answer 1

尝试以下方式..

const routes: Routes = [
  { path:'', redirectTo:"/", pathMatch:"full"},

  { path: '', component: DashboardComponent },

  { path: 'aboutus', component: AboutusComponent },

  { path: ':cityname/property-sale', component: CityComponent },


  { path: ':cityname/:staticlocurl/:localityname/:localityid', component: localityComponent },


  { path: ':cityname/zone/:zonename/:zoneid', component: zoneComponent },

  { path: ':cityname/:proptypename/:proptypeid', component: typeComponent },

  { path: '**', redirectTo:"/" }