angular服务在服务完成后没有在控制器中返回成功

// 服务代码
import { Injectable } from '@angular/core';

@Injectable()
export class DataService {
  getData(): Promise<any> {
    return new Promise((resolve, reject) => {
      // 执行异步操作，例如从服务器获取数据
      // 完成后调用resolve返回结果，或调用reject返回错误
      // 这里仅作示例，直接返回一个假数据
      setTimeout(() => {
        resolve('数据获取成功');
      }, 2000);
    });
  }
}

// 控制器代码
import { Component } from '@angular/core';
import { DataService } from './data.service';

@Component({
  selector: 'app',
  template: `
    <div>{{ data }}</div>
  `
})
export class AppComponent {
  data: string;

  constructor(private dataService: DataService) {}

  ngOnInit() {
    this.dataService.getData()
      .then(result => {
        this.data = result;
      })
      .catch(error => {
        console.error(error);
      });
  }
}