在Angular rxjs服务中，如何从HttpClient.get的返回对象的属性中返回可观察值

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

getData(): Observable<any> {
  return this.http.get<any>('your-api-url').pipe(
    map(response => response.propertyName)
  );
}

import { Component, OnInit } from '@angular/core';
import { YourService } from 'your-service';

@Component({
  selector: 'app-your-component',
  templateUrl: './your-component.component.html',
  styleUrls: ['./your-component.component.css']
})
export class YourComponent implements OnInit {
  data: any;

  constructor(private yourService: YourService) { }

  ngOnInit() {
    this.yourService.getData().subscribe(
      result => {
        this.data = result;
      },
      error => {
        console.error(error);
      }
    );
  }
}