我正在嘗試使用 Angular 中的 HttpClient 從我的 ionic Angular 應用程式執行基本的 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 資料中取得單一值？