在Angular中，当我们从一个页面导航到另一个页面时，页面之间的数据会丢失，这是因为Angular默认情况下会销毁先前页面上的所有组件和数据。这个问题称为Angular多页面数据保持挑战。

为了解决这个问题，我们可以使用Angular Router的两个选项之一：

1. Preserve Query Params:该选项在路由导航期间保留查询参数。检查路由发现，我们已经有了queryParamsHandling属性，它提供了三种选项：preserve，merge和null。

代码示例：

this.router.navigate(['/new-component'], { queryParamsHandling: "preserve" });

2. NavigationExtras:我们可以使用NavigationExtras在路由导航期间传递额外的参数，这些参数可以在目标组件中使用。NavigationExtras是一个JavaScript对象，它提供了以下属性：

   state - 一个状态对象，将在目标组件中使用 queryParams - 声明在URL中的查询参数对象

代码示例：

let navigationExtras: NavigationExtras = { state: { data: yourDataObject } }; this.router.navigate(['/new-component'], navigationExtras);

以上这些方法可以很好地解决Angular多页面数据保持挑战，使我们能够在导航时保留重要的数据。