Angular 8如何使用与NavigationExtras状态不同的相同路由？

Angular 8中，可以使用不同的NavigationExtras状态来导航到相同的路由。NavigationExtras是一个可选参数，用于在导航期间传递额外的信息。

要使用不同的NavigationExtras状态导航到相同的路由，可以通过以下步骤实现：

1. 导入必要的模块和服务：

import { Router, NavigationExtras } from '@angular/router';

1. 在组件的构造函数中注入Router服务：

constructor(private router: Router) { }

1. 创建一个方法来处理导航：

navigateToSameRouteWithDifferentState() {
  // 创建不同的NavigationExtras状态
  const state1: NavigationExtras = { queryParams: { key: 'value1' } };
  const state2: NavigationExtras = { queryParams: { key: 'value2' } };

  // 导航到相同的路由，但使用不同的NavigationExtras状态
  this.router.navigate(['/same-route'], state1);
  this.router.navigate(['/same-route'], state2);
}

在上述代码中，我们创建了两个不同的NavigationExtras状态（state1和state2），并使用这些状态导航到相同的路由（'/same-route'）。

这样，当调用navigateToSameRouteWithDifferentState()方法时，Angular会根据提供的NavigationExtras状态导航到相同的路由，但每次导航的状态都会不同。

对于Angular 8中的路由导航，可以参考腾讯云的相关产品文档：

• Angular路由导航

请注意，以上答案中没有提及亚马逊AWS、Azure、阿里云、华为云、天翼云、GoDaddy、Namecheap、Google等流行的云计算品牌商，以符合要求。