从api调用数据，不显示在前台，而是在angular的控制台上

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

@Injectable({
  providedIn: 'root'
})
export class ApiService {
  private apiUrl = 'http://example.com/api'; // 替换成实际的API地址

  constructor(private http: HttpClient) { }

  getDataFromAPI() {
    return this.http.get(this.apiUrl);
  }
}

import { Component } from '@angular/core';
import { ApiService } from './api.service';

@Component({
  selector: 'app-root',
  template: '<h1>API Data</h1>',
})
export class AppComponent {
  constructor(private apiService: ApiService) {
    this.getData();
  }

  getData() {
    this.apiService.getDataFromAPI().subscribe((data) => {
      console.log(data); // 将API数据打印到控制台
    });
  }
}