передача данных через routerLink и функцию вызова

Question

Я пытаюсь передать данные через routerLink и вызвать function(). Но это не работает. Это мой пример кода и stackblitz demo.

Первый компонент (HTML)

<span [routerLink]="/upcoming" [state]="{ data: {value}}">{{name}}</span>

Второй компонент (тс )

updateCategory(event) {console.log(event)}

Answer 1

Чтобы вызвать функцию в новом маршрутизируемом компоненте, вы можете использовать angular хуков жизненного цикла компонента. Данные, передаваемые через вход State, могут быть доступны с помощью history.state в новом компоненте.

export class Page1Component implements OnInit {
  ngOnInit() {
     const data = history.state.data
     this.updateCategory(data)
  }

  updateCategory(event) {
    console.log(event)
  }

}

https://stackblitz.com/edit/angular-button-routerlink-dhvxw8