Sujeet Raman

Sujeet Raman

  • 793
  • 915
  • 330.7k

Failed to save data in api server in Angular2

Apr 18 2017 8:17 AM
hi here am trying to send some values in to the api server using services in angular2 .But unable to send..Cant detect the problem ..can any one Help please?
 
my 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)">Savebutton>p>
ul>
my services
 
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());
}

}
app.component.ts
 
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 foods;
//public new_food;
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);
}
);
}
}
  

Answers (1)