在这个话题上有很多困惑，因为有很多不同的方法来做到这一点。

以下是在以下截图中使用的适当类型:

private route: ActivatedRoute
private router: Router

1)所需路由参数:

2)路由可选参数:

3)路由查询参数:

4)您可以使用服务将数据从一个组件传递到另一个组件，而完全不使用路由参数。

示例参见:https://blogs.msmvps.com/deborahk/build-a-simple-angular-service-to-share-data/

我这里有一个活塞:https://plnkr.co/edit/KT4JLmpcwGBM2xdZQeI9?p=preview

getStateById (stateId) { 返回this.http.get(环境。user_service_url + "/getStateById"， {params:{"stateId": stateId}}); ｝

@dev-nish你的代码只需要稍作调整就能正常工作。 使

const navigationExtras: NavigationExtras = {
  state: {
    transd: 'TRANS001',
    workQueue: false,
    services: 10,
    code: '003'
  }
};

成

let navigationExtras: NavigationExtras = {
  state: {
    transd: '',
    workQueue: ,
    services: ,
    code: ''
  }
};

然后，如果你想特别发送一种类型的数据，例如，JSON作为表单填充的结果，你可以用之前解释的相同方式发送数据。

在这个话题上有很多困惑，因为有很多不同的方法来做到这一点。

以下是在以下截图中使用的适当类型:

private route: ActivatedRoute
private router: Router

1)所需路由参数:

2)路由可选参数:

3)路由查询参数:

4)您可以使用服务将数据从一个组件传递到另一个组件，而完全不使用路由参数。

示例参见:https://blogs.msmvps.com/deborahk/build-a-simple-angular-service-to-share-data/

我这里有一个活塞:https://plnkr.co/edit/KT4JLmpcwGBM2xdZQeI9?p=preview

从Angular 15开始，this.router.getCurrentNavigation()可能会返回null，因为该组件是在导航之后实例化的。

另一种方法是从Location (@angular/common)中访问状态

  import { Location } from '@angular/common';

  constructor(private location: Location) {
    location.getState() // do what you want 
  }

最新版本的angular(7.2 +)现在有了使用NavigationExtras传递额外信息的选项。

家组件

import {
  Router,
  NavigationExtras
} from '@angular/router';
const navigationExtras: NavigationExtras = {
  state: {
    transd: 'TRANS001',
    workQueue: false,
    services: 10,
    code: '003'
  }
};
this.router.navigate(['newComponent'], navigationExtras);

newComponent

test: string;
constructor(private router: Router) {
  const navigation = this.router.getCurrentNavigation();
  const state = navigation.extras.state as {
    transId: string,
    workQueue: boolean,
    services: number,
    code: string
  };
  this.test = "Transaction Key:" + state.transId + "<br /> Configured:" + state.workQueue + "<br /> Services:" + state.services + "<br /> Code: " + state.code;
}

输出

希望这能有所帮助!