Блог

У меня есть два компонента Альфа и Бета, и у каждого компонента есть несколько маршрутов:

 const routes: Routes = [
  {
    path: 'alpha/:id',
    component: Alpha,
    runGuardsAndResolvers: 'always',
  },
 {
    path: 'alpha/:id/:section',
    component: Alpha,
    runGuardsAndResolvers: 'always',
  },
 {
    path: 'beta/:id',
    component: Beta,
    runGuardsAndResolvers: 'always',
  },
 {
    path: 'beta/:id/:section',
    component: Beta,
    runGuardsAndResolvers: 'always',
  },
[...]
 

Я перехожу к бета-компоненту из альфа-компонента, используя это

 [routerLink]="['/beta/2']
 

но в бета-компоненте мне нужно обновить URL-адрес (например: beta/2/delta ) без повторного обновления бета-компонента.

Я уже пробовал это:

  ngOnInit() {
    this.router.routeReuseStrategy.shouldReuseRoute = function () {
      return false;
    };
  }
 

но я не могу разблокировать, чтобы снова перейти на альфа-компонент:

 [routerLink]="['/alpha/1']
 

Для обновления URL-адреса или для навигации я использую это:

  this.router.navigate('/beta/2/bravo);
 

У вас есть решение для блокировки и разблокировки обновленного компонента?