在服务中注入http会导致“没有提供程序给Http！”错误

Question

角版本：2.0.0-beta.13

我试图注入http到服务：

@Injectable() 
export class GithubService { 
    ... 
    constructor(private http: Http) { 
    } 
} 

我列出HTTP_PROVIDERS在我的应用程序的根组件供应商，所以这个提供者应该在我的应用程序可用于任何组件：

@Component({ 
    providers: [HTTP_PROVIDERS], 
}) 
export class AppComponent {} 

然而，当我运行该应用程序，我得到以下错误：

EXCEPTION: Error: Uncaught (in promise): No provider for Http! (HttpReqComponent -> GithubService -> Http)

我在做什么错？

编辑

我改变providers到viewProviders和错误已经不复存在了！

@Component({ 
    viewProviders: [HTTP_PROVIDERS], 
}) 
export class AppComponent {} 

但是，我无法解释为什么这是工作。 http不被任何视图直接访问。它只能在GithubService内访问。那么为什么我必须声明HTTP_PROVIDERS为viewProvider？

编辑2

嗯，我搬离AppComponent的providers申报下来的地方，我需要它的成分和现在的作品！所以在根层面宣布它一定会有一些怪癖。

@Component({ 
    providers: [HTTP_PROVIDERS, GithubService], 
}) 
export class HttpReqComponent { } 

事实上，无论是providers和viewProviders作品。结果发现viewProviders实际上更具限制性，并提供了更好的组件封装。详情请参阅this article。

Answer 1

它可以，如果你去Providers:[HTTP_PROVIDERS]但它很好参考HTTP_PROVIDERS到bootstrap()。您不需要使用viewProvider，它在那里用于其他目的。

您必须确保已包含http.dev.js（通过CDN/node_modules）。

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/2.0.0-beta.13/http.dev.js"></script> 

然后在rootComponent，

import {HTTP_PROVIDERS} from 'angular2/http'; 
import {GithubService} from './GithubService'; 

bootstrap(rootComponent,[HTTP_PROVIDERS,GithubService]); 

// if you reference HTTP_PROVIDERS here globally (in bootstrap), you don't require to use providers:[HTTP_PROVIDERS] in any component. 
// same way GithubService reference has been passed globally which would create single instance of GithubService (In case if you want) 

在 GithubService

然后，

import {Http} from 'angular2/http'; 

@Injectable() 
export class GithubService { 
    ... 
    constructor(private http: Http) { // this will work now without any error 
    } 
} 

Answer 2

截至2.0.0-rc.5这是现在：

import { HttpModule } from '@angular/http'; 


@NgModule({ 
    imports: [ 
    HttpModule 
    ]} 

https://angular.io/docs/ts/latest/guide/server-communication.html

Answer 3

下面这个链接

Angular2/http Exception no ConnectionBackend @abreneliere的答案是正确的我与角2快速入门（https://angular.io/guide/quickstart）工作，我试图将服务添加到组件一段时间。

答案： 文件：app.module.ts 代码：

import { NgModule } from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 
import { HttpModule } from "@angular/http"; 
import { AppComponent } from './app.component'; 

@NgModule({ 
    imports: [BrowserModule, HttpModule], 
    declarations: [AppComponent], 
    bootstrap: [AppComponent] 
}) 
export class AppModule { } 

Answer 4

您可以导入{ HttpModule }到有，你宣布在组件您正在使用注射服务的模块，给定的模块不懒加载。