Angular url更改时锁定和解锁重新加载组件

我有两个组件Alpha和Beta，每个组件都有一些路由：

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',
  },
[...]

我用这个从Alpha组件转到Beta组件

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

但是在Beta组件上，我必须更新url（例如：

Beta/2/delta

），而不必重新刷新Beta组件

我试过：

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

但我无法解锁以再次使用Alpha组件：

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

为了更新url或导航，我使用以下方法：

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

您是否有锁定和解锁重新刷新组件的解决方案