通过有角度的路由将数据发送到另一个组件 [重复]

Question

我工作在一个角,实现应用程序

我的代码

component1.ts

sendMessageto2() {
    par = this.param
    this.router.navigate(['/vav'],{state : {data : {par}}})
    console.log(this.param)
  }

我想将变量< code>this.param传递给component2

component1.html

<area shape="rect" coords="818,232,917,262" (click)="sendMessageto2()">

component2.ts

ngOnInit() {
    this.state$ = this.activatedRoute.paramMap
    .pipe(map(() => window.history.state))  
  }

我不确定如何在组件2中获取此数据。我收到地图错误。找不到地图。有人可以帮我吗？

谢谢

Answer 1

试试这个

组件2

ngOnInit() {
    this.state$ = this.route.snapshot.paramMap.get('param') ; 
  }

参数的值被添加到的价值

Answer 2

我假设您正试图通过的数据是一个生态学者

const routes: Routes = [
  { path:'', component : C1Component },
  { path:'vav', component : C2Component },
];

当路由添加URL的值<代码> queryP

let navigationExtras: NavigationExtras = {
    queryParams: {
        "data"   : encodeURIComponent('Your data'),
    }
};

this.router.navigate(["vav"], navigationExtras);

获取<代码> queryParams > < /代码第二混合涂料

decodeURIComponent(this.route.snapshot.queryParams['data']);

演示 ： https://stackblitz.com/edit/angular-5zw742

如果数据是对象，JSON。stringify（）在编码和JSON之前使用它。parse（）在解码后对其进行解析。

Answer 3

为了传递数据，您可以这样做

this.router.navigate(["/vav", { 'data': data }]);

用于在其他页面上接收

constructor(public router: Router, public route: ActivatedRoute){}
route.params.subscribe(params => {
        let data = params['data']
    });