2017-01-15 13 views
0

HTTP observableを使用してPOST要求を行っていますが、要求が作成されていないため、エラーは発生しません。要求を行うために使用するメソッドを定義するサービスがあります。HTTP observableを使用してAngularjs 2でデータをポストする

@Injectable() 
export class MovingCompanyService { 
constructor(private http: Http){} 

registerCompany (body: Object): Observable<RegistrationDetailsModel> { 
let bodyString = JSON.stringify(body); // Stringify payload 
let headers  = new Headers({ 'Content-Type': 'application/json' }); //  ... Set content type to JSON 
let options  = new RequestOptions({ headers: headers }); // Create a request option 

return this.http.post("/moving_company/registration_form_2", body, options) // ...using post request 
        .map((res:Response) => res.json()) // ...and calling  .json() on the response to return data 
        .catch((error:any) => Observable.throw(error.json().error || 'Server error')); //...errors if any 
} 

} 

と私は、このサービスメソッド

constructor(private router: Router, private moving_company_service: MovingCompanyService) {} 
ngOnInit(): void { 
    if(Session.has("reg_frm_1")) { 
     let frm1Data = Session.get("reg_frm_1"); 
     console.log("Received data from form 1 ", frm1Data); 
    } 
} 

registerCompany(): void { 
    let registrationOperation:Observable<RegistrationDetailsModel>; 
    let registration_details = { 
     reg_frm_1: Session.get("reg_frm_1"), 
     reg_frm_2: this.model 
    } 
    this.moving_company_service.registerCompany(registration_details) 
} 

を呼び出すと私は

ようなビューのクリックイベントにコンポーネントメソッド「registerCompany」を呼び出していますコンポーネントを持っています

私が見つからないか、間違ってやっているのかわからないです、私はrxjsライブラリ、マップをインポートし、そしてキャッチ演算子と合わせて、関連するすべての輸入を持っている、私は

+0

エラーは何ですか?ネットワークタブを確認しましたか?ネットワークタブでエントリを取得しましたか?また、データを投稿しているURLが正しいかどうかチェックしましたか? –

+2

ここであなたはsubscribe関数を呼び出していますか? –

+0

私は、問題であるコンポーネントを購読していないと思っています。私の回答を見て、助けてくれれば教えてください。 –

答えて

1

この

を試してみてください、あなたの助けをいただければ幸いです
 this.moving_company_service.registerCompany 
      ((registration_details).subscribe(
      r => r, 
      error => this.errorMessage = <any>error, 
      () => { }); 
+0

私のコンポーネントには、名前がerrorMessageの文字列プロパティがあります –

関連する問題