在路由参数改变时禁用组件复用



我将angular2应用程序升级到稳定版本(从rc1),并注意到当路由参数改变时ngOnDestroy不会被触发。

在以前的版本中,当将url从match/123更改为match/124时,调用onDestroy,我可以做一些清理(例如从websocket取消订阅特定匹配)。

有了这种新的行为,我不确定做同样的事情的最好方法是什么?我可以强制组件重新初始化吗?

这是父结构,上面提到的组件是在router-outled

中呈现的
    <div id="content">
      <live-sidebar-component></live-sidebar-component>
      <div id="page-wrapper">
        <live-breadcrumbs></live-breadcrumbs>
        <div id="page">
           <router-outlet></router-outlet>
        </div>
      </div>
      <div id="promobar">
        <ticket-component></ticket-component>
      </div>
  </div>

有计划为canReuse提供支持。

详情见https://github.com/angular/angular/issues/7757#issuecomment-236737846

作为一种解决方法,您可以订阅参数更改并在那里进行清理:

  constructor(public route: ActivatedRoute) {
    this.params = this.route.params.subscribe(
      params => {
        // do cleanup
        console.log(params['someParam']);
      }
    );
  }