如何在不销毁和重新初始化组件的情况下使用相同的组件传输到其他路由？

Question

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

入口点：/profile

A B C ... X Y Z

当用户点击这些字母时 -> url:/profile -> /profile/;startWith=X.

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

Answer 1

如果你实现CanReuse

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

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