Angular 2 http.post () no está enviando la solicitud

El método Get no requiere usar el método subscribe, pero el método post requiere la suscripción. Los códigos de muestra Get y post están a continuación.

import { Component, OnInit } from '@angular/core'
import { Http, RequestOptions, Headers } from '@angular/http'
import 'rxjs/add/operator/map'
import 'rxjs/add/operator/catch'
import { Post } from './model/post'
import { Observable } from "rxjs/Observable";

@Component({
    templateUrl: './test.html',
    selector: 'test'
})
export class NgFor implements OnInit {

    posts: Observable<Post[]>
    model: Post = new Post()

    /**
     *
     */
    constructor(private http: Http) {

    }

    ngOnInit(){
        this.list()
    }

    private list(){
        this.posts = this.http.get("http://localhost:3000/posts").map((val, i) => <Post[]>val.json())
    }

    public addNewRecord(){
        let bodyString = JSON.stringify(this.model); // 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

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

Debe suscribirse al observable devuelto si desea que se ejecute la llamada.

Vea también la documentación Http .

¡Suscríbete siempre!

Un método HttpClient no comienza su petición HTTP hasta que llame a subscribe() en el observable devuelto por ese método. Esto es cierto para todos los métodos HttpClient.

El AsyncPipe se suscribe (y cancela su suscripción) para usted automáticamente.

Todos los observables devueltos desde HttpClient los métodos son fríos por diseño. La ejecución de la solicitud HTTP es diferida, lo que le permite extender el observable con operaciones adicionales como tap y catchError antes de que suceda algo realmente.

Llamando a subscribe(...) activa la ejecución del observable y hace que HttpClient componga y envíe la solicitud HTTP al servidor.

Puede pensar en estos observables como blueprints para solicitudes HTTP reales.