angular 7 route state unable to get passed data

I am using angular 7

Angular CLI: 7.3.9 Node: 10.16.3 OS: linux x64 Angular: 7.2.15

I use this code to pass data when route to another component

this.router.navigate(['/product'],{state: {token: data.token}});

and try to get token using following code

ngOnInit() {
console.log("#25");
this.state = this.activatedRoute.paramMap
.pipe(map(() => window.history.state));
console.log("#28"); //method 1
console.log(this.state.token);
this.router.events.pipe(filter(e => e instanceof NavigationStart))
.subscribe((e: NavigationStart) => {
this.state = this.router.getCurrentNavigation().extras.state;
console.log("#33"); //method 2
console.log(this.state.token);
});

}


the console show

25 product.component.ts:25:10

28 product.component.ts:28:10


undefined

both method cannot get data back, how can I do it right?

Continue reading...