Angular .then()不工作(发送get请求后未刷新视图)

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

constructor(private http: HttpClient) {}

getData(): Promise<any> {
  return this.http.get('api/data')
    .toPromise()
    .then(response => {
      // 处理响应数据
      console.log(response);
    })
    .catch(error => {
      // 处理错误
      console.error(error);
    });
}

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

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

  constructor(private service: DataService) {}

  ngOnInit(): void {
    this.service.getData()
      .then(() => {
        // 刷新视图
      });
  }
}

<div>{{ data }}</div>