无法在Angular2的api服务器中保存数据

正在尝试使用angular 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>

ts：尝试使用angular 2和服务将数据插入web api服务器

  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());
 }

}

   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);
               }
               );
             }
                }

您可以尝试上面的代码

---

我希望它能对您有所帮助。

我应该将此添加到服务中吗？？“dataservice（代替我的服务类名）”无法添加..我如何检查它是否发送到api？这里是什么数据服务？dataservice是我在项目中调用的服务无法在这里调用，并且代码也无法工作：(

// 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 => {

});