Consume SOAP web service with Angular app

Question

I know that We can consume Restful services within our Angular apps. But one of my client gave me a web service like so http://123.618.196.10/WCFTicket/Service1.svc?wsdl. So my question is can I use this within an Angular app? I have never used it. Any clue?

Solution

ngx-soap is a great library which I have used in our one of the client project.

Here are steps to use this library.

Step 1: install ngx-soap and dependencies

npm install --save ngx-soap

npm install --save buffer concat-stream core-js crypto-js events lodash sax stream uuid

Step 2:

import { NgxSoapModule } from 'ngx-soap';
...
    @NgModule({
        imports: [ ..., NgxSoapModule, ... ]
    ...

Step 3: Inject NgxSoapService in your component

...
import { NgxSoapService, Client, ISoapMethodResponse } from 'ngx-soap';
...

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
    client: Client;

    constructor(private soap: NgxSoapService) {
        this.soap.createClient('http://123.618.196.10/WCFTicket/Service1.svc?wsdl').subscribe(client => this.client = client);
    }
 }

Hope this will help!