Переслать состояние с navigateByUrl в Angular

Question

я хочу передать некоторые данные, при изменении представления с navigateByUrl, например

this.router.navigateByUrl(url, {state: {hello: "world"}});

В следующем представлении я хочу просто зарегистрировать атрибут hello, например

constructor(public router: Router) { }

  ngOnInit(): void {
    console.log(this.router.getCurrentNavigation().extras.state.hello)
  }

Когда я Теперь сделайте это так, я получаю сообщение об ошибке:

ERROR TypeError: Cannot read property 'extras' of null
    at ProfileContactViewComponent.ngOnInit

Я делаю это правильно или есть лучший способ передачи данных между представлениями? Спасибо за вашу помощь.

Answer 1

Попробуйте вот так

Отправить:

this.router.navigate([url], { state: { hello: 'world' } });

Получить:

constructor(private router: Router) {
  console.log(this.router.getCurrentNavigation().extras.state.hello); // should log out 'hello'
}

Для лучшего понимания прочитайте документацию. ПФБ ссылка на документацию https://angular.io/api/router/NavigationExtras#state