Angular управление маршрутом и дочерним маршрутом

Question

Кто-нибудь может сказать мне, можно ли открыть дочерний маршрут в новом виде вместо открытия прямо под ним? Если да, то как и как вернуться к исходному маршруту предыдущего состояния навигации?

Answer 1

Хорошо использовать children, потому что, если вы хотите использовать некоторые guard s, он будет работать для всех дочерних маршрутов, это очень полезно при создании аутентифицированных маршрутов.

Пример:

const routes: Routes = [
  {
    path: 'first',
    children: [
      { path: '', component: FirstComponent },
      { path: 'second', component: SecondComponent },
      {
        path: 'third',
        canActivate: [YourGuard],
        children: [
          { path: '', component: ThirdComponent },
          { path: 'another-route', component: FourthComponent },
        ]
      }
    ],
  }
];

Answer 2

Вместо

const routes: Routes = [
   { path: 'first', component: ExampleComponent, children: [
       { path: 'second', component: Example2Compoennt, }
   ] }
];

Сделайте:

const routes: Routes = [
   { path: 'first', component: ExampleComponent },
   { path: 'first/second', component: Example2Compoennt },
];