Ionic 4-如何显示对html页面的请求结果

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

ionic generate service my-service

import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root'
})
export class MyService {
  constructor(private http: HttpClient) {}

  getData() {
    return this.http.get('https://example.com/api/data');
  }
}

import { Component } from '@angular/core';
import { MyService } from '../services/my-service';

@Component({
  selector: 'app-home',
  templateUrl: 'home.page.html',
  styleUrls: ['home.page.scss'],
})
export class HomePage {
  responseData: any;

  constructor(private myService: MyService) {}

  getData() {
    this.myService.getData().subscribe((response) => {
      this.responseData = response;
      console.log(this.responseData);
    });
  }
}

<ion-content>
  <ion-button (click)="getData()">获取数据</ion-button>
  <div *ngIf="responseData">
    <p>{{ responseData }}</p>
  </div>
</ion-content>