从angular 9服务类发出rest api调用

ng generate service api

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

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

  // 在这里定义与后端API相关的方法
}

getUsers(): Observable<any> {
  return this.http.get('https://api.example.com/users');
}

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

@Component({
  selector: 'app-root',
  template: `
    <button (click)="getUsers()">Get Users</button>
  `
})
export class AppComponent {
  constructor(private apiService: ApiService) { }

  getUsers() {
    this.apiService.getUsers().subscribe(
      data => {
        // 处理返回的用户数据
      },
      error => {
        // 处理错误
      }
    );
  }
}