Angular，如何订阅嵌套的JSON对象？

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

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.css']
})
export class ExampleComponent implements OnInit {
  nestedData$: Observable<any>;

  constructor(private http: HttpClient) { }

  ngOnInit(): void {
    this.nestedData$ = this.http.get<any>('https://example.com/api/data').pipe(
      map(response => response.nestedObject)
    );
  }
}

<div *ngIf="nestedData$ | async as nestedData">
  <p>Name: {{ nestedData.name }}</p>
  <p>Age: {{ nestedData.age }}</p>
</div>