如何在不破坏和重新初始化Component的情况下使用相同组件转移到其他路由？

Question

我有一个ProfileComponent，在页面内部，用户可以点击字母来过滤配置文件。

切入点：/profile

A B C ... X Y Z

当用户点击这些字母时 - ＆gt;网址：/profile - ＆gt; /profile/;startWith=X。

我希望将startWith参数保留在URL中，但是我注意到Angular 2会破坏当前组件，然后重新创建并再次初始化相同的组件。如何在不重新初始化组件的情况下保留URL参数？

Answer 1

如果您实施CanReuse

routerCanReuse(next: ComponentInstruction, prev: ComponentInstruction) { return true; }

在您的组件中，路由器应保留相同的实例，而不是重新创建新实例。