angular HttpClient 配置

angular的资料很少，并且坑很多，报错也不是很好解决，研究这个花了好几天时间。

首先，先查看自己的anuglar版本是不是4.3.0以上，HttpClient是anuglar4.3中新加入的特性，在package.json中查看

  "@angular/animations": "^4.3.0",
  "@angular/common": "^4.3.0",
  "@angular/compiler": "^4.3.0",
  "@angular/core": "^4.3.0",
  "@angular/forms": "^4.3.0",
  "@angular/http": "^4.3.0",
  "@angular/platform-browser": "^4.3.0",
  "@angular/platform-browser-dynamic": "^4.3.0",
  "@angular/router": "^4.3.0",

 

1.在app.module.ts中导入

import { HttpClientModule } from '@angular/common/http';

并在imports加入：

imports: [
HttpClientModule
]

 

2.成员模块中加入

import { HttpClientModule } from '@angular/common/http';
constructor(
private myhttp: HttpClient
) { }

 

就完了基本的配置。