在Angular中显示JSON对象内部的对象

import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs';

constructor(private http: HttpClient) { }

getData(): Observable<any> {
  return this.http.get<any>('your-json-data-url');
}

ngOnInit() {
  this.getData().subscribe(data => {
    console.log(data); // 在控制台打印数据
  });
}

{
  "name": "John",
  "age": 25,
  "address": {
    "street": "123 Main St",
    "city": "New York"
  }
}

<p>Name: {{ data.name }}</p>
<p>Age: {{ data.age }}</p>
<p>Address: {{ data.address.street }}, {{ data.address.city }}</p>