Angular 没有Http的提供程序。区域角度。任务承诺然后价值

我正在尝试从Angular2类调用Web API

服务。ts:

从'@angular/core'导入{Component，OnInit，Injectable}；
从“@angular/Http”导入{Http，RequestOptions，Headers}；
从“../../\u model/apimodel”导入{apimodel}；
import Global=require（'../../_实用程序/常量/常量'）；
从“../../\u model/UserModel”导入{UserModel}；
导入“rxjs/add/operator/toPromise”；
@可注射（）
出口类服务
{
构造函数（私有http:http）{}
getLogin（模型：UserModel）{
let headers=new headers（{'Content-Type'：'application/json；charset=utf-8'}）；
let options=newrequestoptions（{headers:headers}）；
返回此.http.post（Global.BASE_URL+'/login'，model，options）
.toPromise（）。然后（res=>
您的module.ts文件中没有包含HttpModule

从'@angular/core'导入{NgModule，PipeTransform}；
从'@angular/http'导入{HttpModule}；
从“@angular/platform browser”导入{BrowserModule}；
从'@angular/forms'导入{ReactiveFormsModule}；
从“/_component/app/app.component”导入{AppComponent}；
从“/app.route”导入{appRouterModule}；
从“/_component/login/login”导入{LoginComponent}；
从“/_component/registration/registration”导入{RegistrationComponent}；
从“/_实用程序/服务/服务”导入{services}；
@NGD模块({
导入：[BrowserModule，ReactiveFormsModule，HttpModule，ApproverModule]，
声明：[AppComponent、LoginComponent、RegistrationComponent]，
引导：[AppComponent]，
供应商：[服务]
})
导出类AppModule{}

你错过了

从'@angular/http'导入{HttpModule}；

及

导入：[BrowserModule，ReactiveFormsModule，HttpModule，ApproverModule]

您尚未在module.ts文件中包含HttpModule

从'@angular/core'导入{NgModule，PipeTransform}；
从'@angular/http'导入{HttpModule}；
从“@angular/platform browser”导入{BrowserModule}；
从'@angular/forms'导入{ReactiveFormsModule}；
从“/_component/app/app.component”导入{AppComponent}；
从“/app.route”导入{appRouterModule}；
从“/_component/login/login”导入{LoginComponent}；
从“/_component/registration/registration”导入{RegistrationComponent}；
从“/_实用程序/服务/服务”导入{services}；
@NGD模块({
导入：[BrowserModule，ReactiveFormsModule，HttpModule，ApproverModule]，
声明：[AppComponent、LoginComponent、RegistrationComponent]，
引导：[AppComponent]，
供应商：[服务]
})
导出类AppModule{}

你错过了

从'@angular/http'导入{HttpModule}；

及

导入：[BrowserModule，ReactiveFormsModule，HttpModule，ApproverModule]

您需要在app.module中导入
HttpModule
，如下所示

从“@angular/http”导入{HttpModule}

然后在导入部分使用它

imports:[BrowserModule、ReactiveFormsModule、appRouterModule、HttpModule]

但是，如果您正在使用Angular 4，并且希望使用新的
HttpClientModule
，这将在Angular的后续版本中提供，那么您可以像下面那样使用它

在您的app.module中进行以下更改

从'@angular/core'导入{NgModule，PipeTransform}；
从“@angular/platform browser”导入{BrowserModule}；
从'@angular/forms'导入{ReactiveFormsModule}；
从“@angular/common/http；”导入{HttpClientModule}//在此处导入模块
从“/_component/app/app.component”导入{AppComponent}；
从“/app.route”导入{appRouterModule}；
从“/_component/login/login”导入{LoginComponent}；
从“/_component/registration/registration”导入{RegistrationComponent}；
从“/_实用程序/服务/服务”导入{services}；
@NGD模块({
导入：[BrowserModule、ReactiveFormsModule、appRouterModule、HttpClientModule]，
声明：[AppComponent、LoginComponent、RegistrationComponent]，
引导：[AppComponent]，
供应商：[服务]
})
导出类AppModule{}

在你的服务中.ts类导入并注入它，如下所示

从'@angular/common/http'导入{HttpClient，HttpHeaders}；
@可注射（）
出口类服务
{
构造函数（私有http:HttpClient）{}
///代码的其余部分
}
您需要像下面一样在应用程序模块中导入
HttpModule

从“@angular/http”导入{HttpModule}

然后在导入部分使用它

imports:[BrowserModule、ReactiveFormsModule、appRouterModule、HttpModule]

但是，如果您正在使用Angular 4，并且希望使用新的
HttpClientModule
，这将在Angular的后续版本中提供，那么您可以像下面那样使用它

在您的app.module中进行以下更改

从'@angular/core'导入{NgModule，PipeTransform}；
从“@angular/platform browser”导入{BrowserModule}；
从'@angular/forms'导入{ReactiveFormsModule}；
从“@angular/common/http；”导入{HttpClientModule}//在此处导入模块
从“/_component/app/app.component”导入{AppComponent}；
从“/app.route”导入{appRouterModule}；
从“/_component/login/login”导入{LoginComponent}；
从“/_component/registration/registration”导入{RegistrationComponent}；
从“/_实用程序/服务/服务”导入{services}；
@NGD模块({
导入：[BrowserModule、ReactiveFormsModule、appRouterModule、HttpClientModule]，
声明：[AppComponent、LoginComponent、RegistrationComponent]，
引导：[AppComponent]，
供应商：[服务]
})
导出类AppModule{