Aynı sayfada açısal yönlendirme

Question

/ Frontpage veya / frontpage / param1 / param2 / param3 olsun, tüm aynı bileşenlerle aynı sayfada açısal yönlendirmeyi kullanmak istiyorum. Ama sadece alt bileşenimi param1 param2 param3 parametreleriyle güncelliyoruz ..

Bir grup çocuk (ve onların çocukları) bileşeni olan bir ön sayfa bileşenim var.

URL değişikliği olmayacak şekilde inşa ediyordum ve sadece / frontpage idi, ancak sorgularımı ve parametrelerimi çocuklarımı güncelleyen url'ime eklemek istiyorum.

Ama bunu nasıl yapacağımı gerçekten anlamıyorum.

app.routing.ts

  {
    path: '',
    redirectTo: 'frontpage',
    pathMatch: 'full',
  },
  {
    path: '404',
    component: P404Component,
    data: {
      title: 'Page 404'
    }
  },
{
    path: '', // honestly I just realized this was here lol. I can probably take this out right? lol.. It was part of the base I am using.
    component: DefaultLayoutComponent,
    data: {
      title: 'Home'
    },
    children: [
      {
        path: 'frontpage',
        loadChildren: () => import(etcetc).then(m => m.FrontpageModule)
      },

frontpage-routing.module.ts

  {
    path: '',
    component: FrontpageComponent,
    data: {
      title: 'Frontpage'
    },
  },

/: Param1 /: param2 /: param3'ü nereye eklerim?

Teşekkürler!

Answer 1

Yönlendirmede isteğe bağlı parametreler yoktur - sadece ikinci yolu yazın. Garip bir nedenle orada çok sayıda çocuğa ihtiyacınız varsa - onu bir değişkene çıkarın ve her birinin içinden geçirin. Rotalar sadece belirteç aracılığıyla yapılandırma sağlanıyor, önemli değil.

  const toneOfChildren = [...];
  {
    path: '',
    component: FrontpageComponent,
    children: toneOfChildren  
  },
  {
    path: ':param1/:param2/:param3',
    component: FrontpageComponent,
    children: toneOfChildren  
  },

Ve FrontpageComponentsadece parametrelere abone olun ve burada olup olmadıklarını görün.