我正在尝试使用Angular的HttpClient从我的离子角应用程序中执行一个基本的POST请求。在POST中，我需要将有效负载传递到PHP文件，以便我在PHP中操作另一个函数。
我似乎可以回显整个数据，但试图获取单个值会产生错误。
下面是我在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);
    });
  }

在我的index.php文件中，我有下面的代码。

<?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;
?>

我可以回显$json，但在尝试获取单个值时不行。如何从JSON数据中获取单个值？