無法在Angular2中保存api服務器中的數據

Question

嘗試使用角度2和服務將數據插入到web api服務器中。無法插入任何數據。無法檢測到問題..可以使用任何一種幫助嗎？ 感謝

我的HTML

  <h1>Angular2 POST DEMOh1> 

       <hr> 
        <ul> 
       <p>id <input type="text" name="ID" [(ngModel)]="ID"> 
      <p>Parameter 1 <input type="text" name="param1" 
     [(ngModel)]="param1"> 
    <p>Parameter 2 <input type="text" name="param2" [(ngModel)]="param2"> 
      <p>formula 1 <input type="text" name="param3" 
      [(ngModel)]="param3"> 
       <p>formula 2 <input type="text" name="param4" 
      [(ngModel)]="param4"> 
      <p>startdate <input type="text" name="param5" 
      [(ngModel)]="param5"> 
      <p>enddate <input type="text" name="param6" 
      [(ngModel)]="param6"> 


      <button 
    (click)="SendToApi(ID,param1,param2,param3,param4,param5,param6)"> 
      Save 
      </button></p> 
      </ul> 

我的服務：試圖插入採用了棱角分明2個服務

import {Injectable} from "@angular/core"; 
    import { Http, Response, Headers, RequestOptions} from "@angular/http"; 
    import {Observable} from "rxjs/Rx"; 
    @Injectable() 

    export class DemoService { 
    constructor(private _httpurl:Http){ 

     } 
      AddDetails(params) { 
      let headers = new Headers({ 'Content-Type': 'application/json' 
     }); 
     let options = new RequestOptions({ headers: headers }); 
      let body = JSON.stringify(params); 
      return this._httpurl.post 
    ('http://uraxapiservicepoc2test.azurewebsites.net/api/Test ', body, 
headers) 
.map((res: Response) => res.json()); 
} 

} 

我component.ts數據到網絡API服務器：試圖將數據插入到網頁API使用角度2和服務的服務器

import { Component, OnInit } from '@angular/core'; 
    import {Observable} from "rxjs/Rx"; 
     import {DemoService} from './DemoService.service'; 
      import { Http, Response, Headers, RequestOptions} from 
     "@angular/http"; 



     @Component({ 
      selector: 'my-app', 
      templateUrl:'../app/app.component.html', 
      providers: [DemoService]   
       }) 

    export class AppComponent { 


    public ID; 
     public param1; 
      public param2; 
      public param3; 
      public param4; 
      public param5; 
       public param6; 


     constructor(private demoservice:DemoService){} 

    SendToApi(ID,param1,param2,param3,param4,param5,param6) { 
     console.log(ID,param1,param2,param3,param4,param5,param6); 
     let data = {ID:ID,param1:param1, 
     param2:param2,param3: 
     param3,param4:param4,param5:param5,param6:param6}; 
      this.demoservice.AddDetails(data).subscribe(

      error => { 
       console.error("Error saving params!"); 
       return Observable.throw(error); 
       } 
       ); 
      } 
       } 

Answer 1

// this code is in your service 
this._httpurl.post("http://uraxapiservicepoc2test.azurewebsites.net/ ", 
body, options) 
     .map((response:Response) => response.json()); 
// this code used to get data 
this.dataService.doSignUp(body).subscribe(result => { 

}); 

你可以試試以上代碼

我希望它能幫助你。