I am doing a POST request using the HTTP observable and the request is not being made and i am getting no errors, i have a service that defines the method i use to make the request
@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
}
}
And i have the component that calls this service method
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)
}
And i am calling the component method 'registerCompany' on a view click event like
<button (click)="registerCompany()">Submit</button>
I am not sure what i am missing or doing wrong, i have imported the rxjs library, the map and and catch operators and have all relevant imports in accordance,i would appreciate your assistance
