Router getCurrentNavigation always returns null

Question

In the latest version of Angular 7.2.6, I\'m trying to pass data in router itself

this.router.navigate([\'other\'], {state: {someData: \'qwert\'}}


        

Answer 1

change the code like this because after constructor() only the ngOnInit() gets called so the value is getting null

constructor(private router: Router) {
   this.name = this.router.getCurrentNavigation().extras.state.example;
}

Answer 2

work for me Ionic 4

• this.router.url => /app/menu/etc // current position

Answer 3

You're calling the method getCurrentNavigation too late. The navigation has finished.

You need call the getCurrentNavigation method inside of the constructor:

constructor(private router: Router) {
    this.name = this.router.getCurrentNavigation().extras.state.example;
}

Or if you want to access the navigation in ngOnInit you can do following:

ngOnInit() {
    this.name = history.state.example;
}