2017-03-31 3 views
-3

私は角度2を使って、httpサービスを使用してapiからデータを削除しています:私はapp.component.tsで使用していることを入れて、削除します。よく私は、httpサービスを使用して投稿を配置し、APIからデータを削除するには角度2を使用しています

private output = 'empty'; private postHttp(url: string, body: string) { return this.http.post(url, body, {headers: this.getHeaders()}).subscribe(resp => {this.output = resp.json().map(s => JSON.stringify(s)).join(',');});} 
private adduser() { this.postHttp('http://localhost:8080/users',JSON.stringify({id: 29, name:'myname',password:'',one: 4,two: 0,three:1,fullname:'full name',one:0,two:'',three:2}));} 

private putHttp(url: string, body: string) { 
return this.http.put(url, body, {headers: this.getHeaders()}).subscribe(resp => { this.output = resp.json().map(s => JSON.stringify(s)).join(',');}); } 
private edituser() { this.putHttp('http://localhost:8080/users/10', JSON.stringify({id: 29, name:'myname',password:'',one: 4,two:0,three:1,fullname:'full name',one:0,two:'',three:2}));} 
private deleteHttp(url: string) { 
return this.http.delete(url);} 
private deleteuser() { 
this.deleteHttp('http://localhost:8080/users/10');} 

これはgetHeaderメソッドです:

private getHeaders() { 
return new Headers(
    {'Access-Control-Allow-Origin': '*', 
    'Content-Type': 'application/json', 
    'Authorization': `eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJuYW1lIjoibWFuYWdlciIsInN2ciI6InRydWUiLCJtYW4iOiJ0cnVlIiwidWlkIjoxLCJjbnQiOjF9.K98TvY3B7YeKuZzg6cxa59i6gHPz2ZJKQMHbraYkqrg` 
    });} 

、これは私がapp.componentのメソッドを呼んでいる方法です.html:

<ul> 
<li> <a (click)="adduser()">add user</a> </li> 
<li> <a (click)="edituser()">edit user</a> </li> 
<li> <a (click)="deleteuser()">delete user</a> </li> </ul> 

私のコードがうまくいかない理由はわかりません!!

PS:私はangular2

+2

をこのコードを試してみてください。特定の問題については、[mcve]を含めてください。 [良い質問をするにはどうすればいいですか](http://stackoverflow.com/help/how-to-ask)も読んでください。あなたの質問が**特定**であることを確認してください。 「ここにすべてのコードがありますが、何かが動かないので修正してください」というのは、ガイドラインに従わず、(*肯定的な)注意を得ることのできない質問の素晴らしい例です。 – Igor

+0

アドバイスをいただき、ありがとうございます。私は理由を教えてくれました。しかし、私はコード全体をコピーしなければならなかったので、私のqst cuzをポストするのに問題がありました!これは初めての質問です。私はangular2 psの初心者です。私はあなたのコードを修正することは期待していませんでしたが、HTTPサービスについてもっと教えてください。全体のポイント – ouiem

+0

もう一度、[質問]と[完璧な質問](http://codeblog.jonskeet.uk/2010/08/29/writing-the-perfect-question/)を読むことをお勧めします。また、[ツアー]も必ず行ってください。私たちは**読者ではなく、私たちはNSAのために働いておらず、あなたのPCへのアクセス権も持っていません。なぜ私のコードがうまくいかないのか分からないのです。 'を意味します。あなたのPCは爆発しましたか?エラーメッセージが表示されましたか?コードが読み込まれていない、それは実行時エラーですか?等?再び、質問を読んで、そのアドバイスに従ってください。 – Igor

答えて

0

で初心者ですあなたが求めているものか、あなたは答えとして期待しているものをすべてでは明らかではない..ですポスト男のため

this.obj = { name : this.model.name , phone : this.model.phone }; 
    let headers = new Headers({ 'Content-Type': 'application/json' }); 
    let options = new RequestOptions({ headers: headers }); 

    this.http.post('http://localhost:3000/api/users', { name : 
    this.model.name , phone: this.model.phone } , options) 
        .map((res:Response) => res.json()) 
        .subscribe((data) => data); 
    } 
+0

私は、ありがとう – ouiem

関連する問題