Can't post data from Angular to my nodejs api

Question

When I try to post data from angular to my nodejs backend it doesn't work.

[Backend] This is the function that catches the posted data. I tested it with postman and it worked. The console.log is just for testing. I have also a bodyParser running.

register : function (req, res) {
    console.log(req.body);
    res.json(req.body);
}

[Frontend] This is the function that I call to send the data. I tested it with breakpoints and a console.log and the function is called. I think I tested all the possible ways to format the header.

import { Injectable } from '@angular/core';
import { Http, Response, Headers, RequestOptions } from '@angular/http';

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

    register(user:string): void{
         let headers = new Headers({ 'Content-Type': 'application/json' });
         let options = new RequestOptions({ headers: headers });

         this.http.post('http://127.0.0.1:5000/register', { user }, options);

    }
}

When I put a breakpoint on the this.http.post(...); I get this: link to image

Milad · Accepted Answer · 2016-12-03 10:29:55Z

2

You need to subscribe to post.

  this.http
       .post('http://127.0.0.1:5000/register', { user }, options)
       .subscribe((result){

             console.log('result',result);

        });

To be more clear , Angualr2 http service is using rxjs Observables , and it's an observable in it's nature and observables are lazy , so unless you subscribe to them , they won't do anything.

answered Dec 3, 2016 at 10:29

Milad

28.8k11 gold badges78 silver badges91 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Admiral-Sanders Over a year ago

Yes it worked! Thank you! I thought the problem was with the headers.

Collectives™ on Stack Overflow

Can't post data from Angular to my nodejs api

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related