title: Call WCF Service from Angular 2
body: <p>I am currently calling a Web Api method from an Angular 2 service (file named app.service.ts)
  which returns data and I am able to bind that data into my Page.</p>
  
  <p>Now I want to call a WCF Service from an Angular 2 service (file named app.service.ts).
  I already tried the same thing as I did for Web Api.
  But it results in an Allow-Access-Origin error.
  I am also passing headers for resolve it.
  But the issue is still there.</p>
  
  <pre><code>  import {Http,Response,Headers,RequestOptions} from "@angular/http"
    import { Observable } from 'rxjs/Rx';
  
    @Injectable()
    export class HeroService {
    Hero = [];
  
     baseUrl = 'http://192.168.0.4/ITM1.3/Service1.svc/Delete502/';
  
     constructor(private _http: Http) {
          this.loadHeroes();
     }
  
     loadHeroes() {
  
     let headers = new Headers({ 'Content-Type': 'application/json' },{'Access-Control-Allow-Origin' : '*'},{'Access-Control-Allow-Methods' : 'POST, GET, OPTIONS, PUT, DELETE'});
     let options = new RequestOptions({ headers: headers });
     return this._http.get(this.baseUrl+"Login/harshad.bhola@etatvasoft.com1/1",options)
                      .map((response: Response) =&gt; {
                          console.log(reponse);
                          let heroData = response.json();
                          return heroData;
                      })
                      .do(data =&gt; console.log(data))
                      .catch(this.handleError);
     }
  }
  </code></pre>
  
  <p>I also prepare one http-client class(component) for passing header with the request but still the same error occurs.</p>
  
  <p>So can anyone exactly explain how I can call a WCF Service and get data from it?</p>