angular2-routing – 到同一组件的Angular 2路由

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

导读：我已经使用标记为“depricated”的路由器升级了Angular 2,并开始在rc5和rc6中使用“new”路由器.但是现在我遇到了一个问题(从rc5开始,在rc6中仍然是相同的),其中有一个组件需要导航到相同的组件但具有不同的参数(以获取其他数据,然后是视图中的那个已经完成,

我已经使用标记为“depricated”的路由器升级了Angular 2,并开始在rc5和rc6中使用“new”路由器.但是现在我遇到了一个问题(从rc5开始,在rc6中仍然是相同的),其中有一个组件需要导航到相同的组件但具有不同的参数(以获取其他数据,然后是视图中的那个已经完成,基于关于参数).

在depricated路由器中,每次使用this.router.navigate导航到组件时,都会调用构造函数和AfterViewInit等.在新的路由器中,在相互之后再次调用相同的组件时,不会调用构造函数和其他内容.所以我猜有一些“神奇”/缓存正在发生.另请注意,在组件中我发送了一个必需参数和一些可选参数,因此链接看起来像这样：http://localhost:2222/mycomponent/1;someotherparam=123

是否有任何方法可以在每次导航时强制创建组件？

解决方法

看看Angular 2的 Rangle.io guide.

特别是阅读路线参数部分

The reason that the params property on ActivatedRoute is an Observable is that the router may not recreate the component when navigating to the same component. In this case the parameter may change without the component being recreated.

因此,您的组件将不会被重新创建,但您可以订阅您感兴趣的路径部分(params,data,fragment,queryParams)中的更改,并将这些初始化方法称为subscribe()回调.

（编辑：李大同）

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