网络请求(在组件中)

1、配置app.module.ts

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

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

//.ts
import { Component, OnInit } from '@angular/core';
import {HttpClient} from '@angular/common/http'
...
export class ContentComponent implements OnInit {
  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)
    })
  }
}

//.html
<div *ngFor="let item of programs">
  ...
</div>