Angular 2 TS - Auf POST undefined immer auf dem Server

Question

Ich versuche "uid" posten, aber Server zeigt "undefiniert", ich weiß nicht, warum dies geschieht !! Auch wenn ich Header richtig gesetzt habe, funktioniert es immer noch nicht, bitte hilf mir.

Hier ist der Code der Anwendung:

HTML

<form (ngSubmit)="onSubmit()"> 
    User Id: <input type="text" name="uid" [(ngModel)] = 'uid'> <br> 
    <input type="submit" value="Submit"> 
</form> 

onSubmit Funktion

onSubmit(value) { 
    var headers = new Headers(); 
    var data = { uid: this.uid }; 
    headers.append('Content-Type', 'application/json'); 
    this.http.post('http://192.168.50.193:1000/process_post', JSON.stringify(data), {headers: headers}) 
     .subscribe((data)=> 
      console.log("POST::: "+data); 
    ); 
} 

server.js (express) post-Methode hier:

app.post('process_post', urlencodedParser, function (req, res) { 
 
    response = { 
 
     first_name:req.body.uid 
 
    }; 
 
    console.log(req.body.uid); 
 
    res.end(JSON.stringify(response)); 
 
})

Nach Senden Sie auf Eingabeaufforderung Ich 'undefined' bekommen, warum?

Answer 1

Versuchen map Methode:

onSubmit(value) { 
    var headers = new Headers(); 
    var data = { uid: this.uid }; 
    headers.append('Content-Type', 'application/json'); 
    this.http.post('http://192.168.50.193:1000/process_post', JSON.stringify(data), {headers: headers}) 
     .map(data => data.json()) 
     .subscribe((data)=> 
      console.log("POST::: "+data); 
    ); 
}