防止angular UI路由器重新加载组件

Angular UI 路由器是 Angular 框架中用于管理页面路由的模块。当用户在应用程序中导航到不同的路由时，路由器负责加载相应的组件并显示在页面上。

为了防止 Angular UI 路由器重新加载组件，可以采取以下几种方法：

使用路由器的 canActivate 守卫：canActivate 守卫是 Angular 路由器提供的一个功能，用于在加载组件之前执行一些逻辑。通过在守卫中检查条件，可以决定是否允许加载组件。可以在守卫中检查当前路由是否与要加载的组件相同，如果相同则阻止加载，从而避免重新加载组件。
使用路由器的 canDeactivate 守卫：canDeactivate 守卫与 canActivate 守卫类似，但是它在组件离开之前执行。可以在守卫中检查当前路由是否与要离开的组件相同，如果相同则阻止组件离开，从而避免重新加载组件。
使用路由器的 RouteReuseStrategy：RouteReuseStrategy 是 Angular 路由器提供的一个接口，用于控制路由器如何重用组件。可以自定义一个 RouteReuseStrategy 实现，通过判断当前路由与要加载的组件是否相同，决定是否重用组件。如果相同，则不重新加载组件。
使用路由器的 preserveQueryParams 和 preserveFragment 选项：在定义路由时，可以使用 preserveQueryParams 和 preserveFragment 选项来保留查询参数和片段标识符。通过设置这些选项，即使路由发生变化，也可以保持当前组件的状态，避免重新加载。