Angular - глобальные дочерние маршруты - PullRequest
Новая
       2

Angular - глобальные дочерние маршруты

0 голосов
/ 18 марта 2019

Я создаю приложение на Angular 7, которое имеет различные основные маршруты, например, 

  {path: '', redirectTo: 'products', pathMatch: 'full' },
  {path: 'products', component: ProductsComponent, children: [
      {path: 'view/:productId', component: ProductComponent}
  ]},
  {path: 'recipes', component: RecipesComponent, children: [
      {path: 'view/:recipeId', component: RecipeComponent}
  ]},
  {path: 'user/:user', component: UserComponent, children: [
      {path: 'accountDetails', component: UserAccountComponent}
  ]},
  {path: '**', redirectTo: 'products'}

Макет страницы имеет заголовок и основное содержимое, покрывающее остальную часть страницы.

Когда дочерний маршрут становится активным, он выдвигается справа от основного содержимого.

Теперь мне нужно добавить дочерний маршрут (назовем его компонентом добавления рецепта), который является общим для каждого основного представления (продуктов, рецепты, пользователь), который также заполняет обычное дочернее пространство маршрута.2 дочерних маршрута не могут быть активными одновременно, так как мне не нужны 2 боковые панели.

Вместо того, чтобы добавлять один и тот же маршрут к каждому основному маршруту, какой путь лучше?

Часть меня чувствует, что я мог бы быстро исправить ситуацию, когда я выровняю свою маршрутизацию и использую вспомогательные маршруты, которые обрабатывают боковую панель (дочерние маршруты), однако я чувствую, что должен быть лучший способ.

...