引入 HttpClientModule 模块

  1. // app.module.ts
  2. import { HttpClientModule } from '@angular/common/http';
  3. imports: [
  4. HttpClientModule
  5. ]

注入 HttpClient 服务实例对象,用于发送请求

  1. // app.component.ts
  2. import { HttpClient } from '@angular/common/http';
  3. export class AppComponent {
  4. constructor(private http: HttpClient) {}
  5. }

发送请求

  1. import { HttpClient } from "@angular/common/http"
  2. export class AppComponent implements OnInit {
  3. constructor(private http: HttpClient) {}
  4. ngOnInit() {
  5. this.getUsers().subscribe(console.log)
  6. }
  7. getUsers() {
  8. return this.http.get("https://jsonplaceholder.typicode.com/users")
  9. }
  10. }