在Angular中使用httpClient获取嵌套对象

{
  "id": 1,
  "name": "Example",
  "details": {
    "description": "This is an example object.",
    "isActive": true
  }
}

interface ExampleObject {
  id: number;
  name: string;
  details: {
    description: string;
    isActive: boolean;
  };
}

import { Component, OnInit } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.css']
})
export class ExampleComponent implements OnInit {
  exampleObject: ExampleObject;

  constructor(private http: HttpClient) {}

  ngOnInit(): void {
    this.http.get<ExampleObject>('https://api.example.com/data').subscribe(data => {
      this.exampleObject = data;
    }, error => {
      console.error('There was an error!', error);
    });
  }
}

this.http.get('https://api.example.com/data').subscribe((data: ExampleObject) => {
  this.exampleObject = data;
});