Ich versuche, HttpClient in Angular zu verwenden, um eine einfache POST-Anfrage von meiner ionischen Angular-App auszuführen. Von diesem POST aus muss ich die Nutzlast an eine PHP-Datei übergeben, damit ich eine andere Funktion in PHP manipulieren kann.

Ich scheine in der Lage zu sein, die gesamten Daten wiederzugeben, aber der Versuch, einen einzelnen Wert zu erhalten, führt zu einem Fehler.

Das Folgende ist mein Code unter home.ts

test() {
    let data = {
      firstname: "John",
      lastname: "Wick"
    }

    const headers = new HttpHeaders();
    headers.set('Content-Type', 'application/json; charset=UTF-8');
    headers.set('Access-Control-Allow-Origin', '*');
    headers.set('Access-Control-Allow-Methods', 'POST, GET, OPTIONS, PUT');

    this.http.post(this.php_url, data, {headers: headers}).subscribe((res) => {
      console.log("Posted successfully")
      console.log(res);
    }, (err) => {
      console.log(err.error);
    });
  }

In meiner index.php-Datei habe ich den folgenden Code.

<?php
    header('Access-Control-Allow-Origin: *');
    header('Access-Control-Allow-Headers: *');
    header('Content-Type: application/json');

    $json = file_get_contents('php://input');

    echo $json->firstname;
?>

Ich kann $json wiedergeben, aber nicht, wenn ich versuche, einen einzelnen Wert zu erhalten. Wie erhalte ich einen einzelnen Wert aus JSON-Daten?