body = ProgressEvent {isTrusted：true、lengthComputable：false、loaded：0、total：0、type： "エラー

Question

body = ProgressEvent {isTrusted：true、lengthComputable：false、loaded：0、合計： 0、種類：「エラーが

Service.ts

import { Component, Injectable } from '@angular/core' 
import { Http, Response, Headers, RequestOptions } from "@angular/http" 
import { Employee } from "../../template/employee/employee" 
import { Observable } from 'rxjs/Observable' 
import { Subject } from 'rxjs/Rx' 
import 'rxjs/add/operator/do' 
import 'rxjs/add/operator/map' 
import 'rxjs/add/operator/catch'; 
import 'rxjs/add/observable/throw'; 
import 'rxjs/add/observable/of'; 

@Injectable() 
export class CustomerService { 
    Url2 = "http://localhost:54873/Api/Home/SaveEmp" 
    AddEmp(model: Employee): Observable<Employee> { 
     debugger; 
     let headers = new Headers({ 'Content-Type': 'x-www-form-urlencoded ' }); 
     //let headers = new Headers({ 'Content-Type': 'application/json' }); 
     let options = new RequestOptions({ headers: headers }); 
     let body = JSON.stringify(model); 
     return this._http.post(this.Url2, body, options) 
      // .map((response: Response) => <any>response.json()) 
      .map(this.extractData) 
      .catch(this.handleError); 

    } 

は、これはここで私のコンポーネントである私は私のサービス

Component.tsを注入し

01ここで

import { Component, Injectable } from "@angular/core" 
import { Employee } from "../../template/employee/employee" 
import { CustomerService } from "../../service/customerservice/customerservice" 
import { Observable } from 'rxjs/Observable' 
import { ModalComponent } from 'ng2-bs3-modal/ng2-bs3-modal'; 
import 'rxjs/Rx' 
import 'rxjs/add/operator/do' 
import 'rxjs/add/operator/map' 
import 'rxjs/add/operator/catch'; 
import 'rxjs/add/observable/throw'; 
import 'rxjs/add/observable/of'; 
@Component({ 
    templateUrl: "../../template/employee/employee.html", 
    providers: [CustomerService] 
}) 
@Injectable() 
export class EmployeeComponent { 
    Url2 = "http://localhost:54873/Api/Home/SaveEmp" 
    Emp: Employee = new Employee(); 
    Employees: Employee[]; 
    Empl: Employee; 
    PostData: string; 
    Emps = new Employee(); 

    constructor(private _HttpService: CustomerService) { 
     // this.getData(); 
    } 

    submit(Emp): void { 
     debugger; 
     this._HttpService.AddEmp(Emp) 
      .subscribe(Emp => { 
     }) 
    } 
} 

HTMLコード

<div> 
     <b>Id</b><input type="text" [(ngModel)]="Emp.Emp_Id" id="4444" /><br /> 
     <b>Name</b><input type="text"[(ngModel)]="Emp.EmpName" /><br /> 
    <b>Email</b><input type="text" [(ngModel)]="Emp.Email" /><br /> 
    <b>Pse</b><input type="text" [(ngModel)]="Emp.Psw" /><br /> 
     <input type="button" (click)="submit(Emp)" value="Submit" /> 
     <input type="button" (click)="modal123.open()" value="Popup" /> 

    </div> 

Answer 1

WEBAPIクロスIsueが直面しているイムのでプラザGobal.asaxページ

でのCROを追加