五、发送http

5-1 app.module.ts配置

import {HttpClientModule} from '@angular/common/http'
imports: [
    BrowserModule,
    HttpClientModule
  ],

5-2 在发送http请求的组件中配置HttpClient,作为构造函数的参数设置

import { Component, OnInit } from '@angular/core';
import {HttpClient} from '@angular/common/http' //这个是重点
...
export class ContentComponent implements OnInit {
  public programs:any;//声明动态变量
  constructor(public http:HttpClient) { }
  ngOnInit() { //写在此周期，代表初始化加载时
    var url:string = "http://192.168.14.15:5000/dj/program?rid=336355127"
    this.http.get(url).subscribe(res=>{
      console.log(res)
    this.programs=res["programs"] //res下的programs数组
    })
  }
}