Looking for a way to emit an event from a child component that triggers a function in the parent component, but with a need to wait for a response before continuing.
Child
@Output() callParentFunction = new EventEmitter<any>();
...
this.callParentFunction.emit();
let tempVal = responseFromParentComponent; //Need help setting this value
//Once parent function responds, proceed to next line of code
console.log("Response returned");
Parent
template: `
<child-component
(callParentFunction)="parentFunction($event)"
>
</child-component>
`
...
parentFunction(){
//This function makes an API call and returns the response
[API call goes here]
return response;
}
Any suggestions on how to set up this event emitter? Or is there another approach without using event emitters?