Я работаю над приложением в Angular 6 с бэкэндом API Springboot. В настоящее время я работаю над приложением, в которое я загружаю iframe. В дочернем Документе, когда есть кнопка отправки, когда я нажимаю кнопку, в дочернем Документе вызывается API при ответе от этого API, мне нужно получить ответ от этого API. У кого-нибудь есть предложения?
Ниже мой компонент в машинописи. При необходимости я могу включить другой код, но не знаю, нужен ли он.
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) => {
const origin = event.origin || event.originalEvent.origin;
if (origin === '') {
if (event.data !== null && typeof event.data === 'object') {
console.log('Data' + event.data['']);
} else {
const RefObject = JSON.parse(event.data);
console.log(RefObject);
this.RefValue = RefObject.value;
}
}
}
}