pulimurukan Ответов: 0

Не удалось сохранить данные на сервере api в angular2

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?
when i giving real api link also not working

What I have tried:

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

0 Ответов