Pfthb

I'm working on an application in Angular 6 with a Springboot api backend. I'm currently working on an application where i am loading an iframe. In the child Document when there is a submit button when i click the button an API is called in the child Document upon on response from that API i need to grab the response from that API. Does anyone have any suggestions?

Below is my component in typescript. I can include other code if need be but I don't know that it is needed.

Here is the Code.............

import Component, OnInit, ViewChild, HostListener, ElementRef from '@angular/core';
import HttpClient, HttpHeaders from '@angular/common/http';

@Component(
 selector: 'app-auth-exception',
 templateUrl: './auth-exception.component.html',
 styleUrls: ['./auth-exception.component.css']
)
export class AuthExceptionComponent implements OnInit 


 constructor() 

 if (window.addEventListener) 
 window.addEventListener('message', this.receiveMessage.bind(this), false);
 else 
 (<any>window).attachEvent('onmessage', this.receiveMessage.bind(this));
 
 

 ngOnInit() 
 window.addEventListener('message', () => 
 this.receiveMessage();
 , false);
 

 setEventListener() 
 const eventMethod = window.addEventListener ? 'addEventListener' : 'attachEvent';
 const eventer = window[eventMethod];
 console.log('eventer=' + eventer);
 const messageEvent = eventMethod === 'attachEvent' ? 'onmessage' : 'message';
 console.log(messageEvent + '---' + eventMethod);
 eventer(messageEvent, this.receiveMessage, false);
 


 receiveMessage: any = (event: any) =>