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

发布时间：2020-12-17 07:15:08 所属栏目：安全来源：网络整理

导读：我将angular2应用程序升级到稳定版本(来自rc1),并注意到更改路径参数时不会触发ngOnDestroy. 在以前的版本中,当将url从match / 123更改为匹配/ 124时,调用onDestroy并且我能够进行一些清理(例如,从特定匹配的websocket取消订阅). 有了这种新行为,我不确定最

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

在以前的版本中,当将url从match / 123更改为匹配/ 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>

解决方法

有计划为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']);
      }
    );
  }

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!