帮我解释以下这段代码 protected handleNavigation(): void { combineLatest([this.activatedRoute.data, this.activatedRoute.queryParamMap]).subscribe(([data, params]) => { const page = params.get('page'); //获取当前页面的页码 const pageNumber = +(page ?? 1); //将页码转换为数字类型，并赋值给 pageNumber 变量。如果页码为空，则默认为 1 if (pageNumber !== this.createdPage && pageNumber !== this.auditedPage && pageNumber !== this.auditingPage) { this.loadCreatedPage(pageNumber, true); this.loadAuditedPage(pageNumber, true); this.loadAuditingPage(pageNumber, true); } }); }

这段代码是一个 Angular 组件的方法 `handleNavigation()`，用于处理导航（页面路由）的变化。具体解释如下：

1. `combineLatest()` 是 RxJS 中的一个操作符，它将多个 Observable 序列合并成一个，只有当所有 Observable 都发出了数据时才会发出一个新的值。在这里，它将 `this.activatedRoute.data` 和 `this.activatedRoute.queryParamMap` 两个 Observable 序列合并成一个。

2. `subscribe()` 是一个订阅方法，用于订阅 Observable 序列的数据流。在这里，我们订阅了 `combineLatest()` 合并后的 Observable 序列，并传入一个回调函数。回调函数的参数是一个数组，包含了 `this.activatedRoute.data` 和 `this.activatedRoute.queryParamMap` 两个 Observable 序列发出的最新值。

3. 在回调函数中，我们使用数组解构将 `data` 和 `params` 两个值分别解构出来。其中 `data` 表示路由配置中的 data 属性，`params` 表示查询参数 paramMap。

4. `params.get('page')` 获取当前页面的页码。如果当前没有 page 参数，返回值为 null。

5. `page ?? 1` 表示将 `page` 转换为数字类型，并赋值给 `pageNumber` 变量。如果 `page` 为 null，则使用默认值 1。

6. `if` 语句判断当前页码是否与已加载的页面相同。如果不同，则调用 `loadCreatedPage()`、`loadAuditedPage()` 和 `loadAuditingPage()` 方法重新加载页面数据。这三个方法的参数分别是页码、是否强制刷新数据（布尔类型）。

总之，这段代码的作用是监听路由参数的变化，如果页码发生变化则重新加载页面数据。