禁用组件重用路由参数更改

时间:2016-10-03 14:19:08

标签: angular angular2-routing

我将angular2应用程序升级到稳定版本(来自rc1),并注意到更改路径参数时未触发ngOnDestroy

对于以前的版本,当将网址从match/123更改为match/124时,会调用onDestroy并且我能够进行一些清理(例如,从特定匹配的websocket取消订阅)。

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

这是父结构,并且提到的组件使用路由器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>

1 个答案:

答案 0 :(得分:2)

有计划为canReuse提供支持。

有关详细信息,请参阅https://github.com/angular/angular/issues/7757#issuecomment-236737846

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

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