6. HTTP请求

1. 导入

 #  app.module.ts 
 // angular  自带http请求
 import {HttpClientModule} from '@angular/common/http'   //引入http请求
@NgModule({
  imports: [
    HttpClientModule   // 配置
  ],
 })

2. 构造函数中注册

# app.component.ts
import { Component } from '@angular/core';
import {HttpClient} from "@angular/common/http"  //导入http请求
@Component({
  //根主键
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'my-app';
  constructor(public http:HttpClient){}  // 注册
}

3. 数据请求

通过subscribe()请求

# app.component.ts
import { Component } from '@angular/core';
import {HttpClient} from "@angular/common/http"
@Component({
  //根主键
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'my-app';
  constructor(public http:HttpClient){}; 
  ngOnInit(){
    this.http.get("http://localhost:8000/top250").subscribe(res =>{
      console.log(res);
    })
  }
}