Как передать данные из HTTP GET API в компонент диалога mat в angular

Question

Все, я пытаюсь получить данные из API и передать их компоненту matdialog и вставить эти данные MD в компонент mat и отобразить на html. Но так как я пробую это вне подписки, это терпит неудачу. Ребята, подскажите, пожалуйста, как этого добиться.

Main. component.ts

cellClicked(serv : string): void  {

  let object = this.http.get('https://XXX.execute-.amazonaws.com/PRD/ippopup?Appip=' + serv).subscribe(data => data);
  console.log(this.object)
  this.dialog.open(AppipPopupComponent,{
    width: '320px',
    height: '200px',
    panelClass: 'my-centered-dialog',
    data:{data :object}

  });

Коврик component.ts

  constructor(public dialogRef: MatDialogRef<AppipPopupComponent>,@Inject(MAT_DIALOG_DATA) public data: any) { }

  ngOnInit() {
    console.log('test')
    this.data.subscribe(data => console.log(JSON.stringify(data)))
  }

Answer 1

Попробуйте это в http-ответе, в ответ вы получите данные и передаете их в dailog.

cellClicked(serv : string): void  {
      let object = this.http.get('https://XXX.execute-.amazonaws.com/PRD/ippopup?Appip=' + serv).subscribe((response:any)=> {
        this.dialog.open(AppipPopupComponent,{
        width: '320px',
        height: '200px',
        panelClass: 'my-centered-dialog',
        data:{data :response}
        });
      });