Consume SOAP web service with Angular 7+

I need a simple page using angular 7+, this page has an input e.g. student_name. this student name is an attribute that passed as in the request to SOAP web service and show the response on the same page. so simply I need an angular application that consumes a SOAP web service and read the response for this web service, I have attached a very simple web service without any security attributes. sample of SOAP envelope <soapenv:Envelope xmlns:soapenv="[login to view URL]" xmlns:jav="[login to view URL]"> <soapenv:Header/> <soapenv:Body> <jav:inputSOATest> <test>test</test> </jav:inputSOATest> </soapenv:Body> </soapenv:Envelope> sample for SOAP response <SOAP-ENV:Envelope xmlns:SOAP-ENV="[login to view URL]"> <SOAP-ENV:Header/> <SOAP-ENV:Body> <ns3:outputSOATest xmlns:ns3="[login to view URL]"> <result>Hello test!</result> </ns3:outputSOATest> </SOAP-ENV:Body> </SOAP-ENV:Envelope>