Передача параметров из iframe в угловой компонент приложения

Question

Мне нужна помощь относительно того, как я могу передать параметры из iframe из внешнего приложения в компонент углового приложения.

мой iframe выглядит следующим образом:

 <iframe src="http://localhost:4200?idfiches=123456"></iframe>

the http://localhost:4200URL для моего углового приложения

В моем компоненте приложения я пробовал что-то подобное, но это не работает:

parameterIdfiches: any;
  constructor(private activeRoute: ActivatedRoute) {
  }

  ngOnInit() {
      this.activeRoute.params.subscribe(routeParams => {
        this.parameterIdfiches = routeParams['idfiches'];
      });
  }

Может кто-нибудь, пожалуйста, помогите мне узнать, что я здесь упускаю ?? заранее спасибо ребята ^^

Answer 1

Документация Angular гласит, что вы можете найти эти параметры запроса в наблюдаемой области запроса queryParamMap на activeRoute

https://angular.io/guide/router#activated-route

Поможет ли это, если вы подпишитесь на это?

ngOnInit() {
  this.activeRoute.queryParamMap.subscribe(queryParamMap => {
    this.parameterIdfiches = queryParamMap['idfiches'];
  });
}

К настоящему времени params и queryParams также доступны наблюдаемым на активном маршруте, но они будут устаревшими в следующих угловых версиях. Из документа:

Два старых свойства все еще доступны. Они менее эффективны, чем их замены, не рекомендуется и могут быть признаны устаревшими в будущей версии Angular.

params - Observable, который содержит обязательные и необязательные параметры, характерные для маршрута. Вместо этого используйте paramMap.

queryParams - Observable, который содержит параметры запроса, доступные для всех маршрутов. Вместо этого используйте queryParamMap.