Angular2中的HTTP服务错误

尼姆斯

我正在尝试使用 angular2 http 模块。

这是一个发出 GET 请求的角度组件:

import {Component} from '@angular/core';
import {Http} from '@angular/http';

@Component({
  selector: 'fountain-app',
  providers: [Http],
  template: require('./main.jade')
})
export class MainComponent {

  public constructor(
    private $http: Http
    ) {
    //
  }

  public getImage(): void {
    this.$http.get('https://www.repstatic.it/content/nazionale/img/2015/11/26/121631321-63ff8328-4925-4ee2-9ff5-a81974b7074e.jpg')
    .map(res => res.json()).subscribe(image => this.image = image);
  }
}

这是主模块声明(注意 httpModule 导入):

import {NgModule} from '@angular/core';
import {BrowserModule} from '@angular/platform-browser';
import {UIView, UIRouterModule} from 'ui-router-ng2';
import {HttpModule} from '@angular/http';
import {MainComponent} from './main';
import {HeaderComponent} from './header';
import {TitleComponent} from './title';
import {FooterComponent} from './footer';

@NgModule({
  imports: [
    BrowserModule,
    UIRouterModule.forRoot({states: STATES, configClass: MyUIRouterConfig}),
    HttpModule
  ],
  declarations: [
    MainComponent,
    HeaderComponent,
    TitleComponent,
    FooterComponent
  ],
  bootstrap: [UIView]
})
export class AppModule {}

出于某种原因,当我开始调用时,我收到此错误:异常:./MainComponent 类 MainComponent 中的错误 - 内联模板:0:93 导致:backend.createConnection 不是函数

我不知道为什么我会得到这个

PS我知道Angular2被用来使用HTTP_PROVIDER,然后为了推送HttpModule而弃用它。

He houcine bougarfaoui

不要Http在您的提供者数组中添加@Component

@Component({
  selector: 'fountain-app',
  template: require('./main.jade')
})

Http它已经由 提供HttpModule

实际上Http有很多依赖项,因此如果您想提供自己的 Http 服务,则必须提供这些依赖项。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Angular2 中的自定义 Http 服务。循环依赖错误

来自分类Dev

将Http注入服务时Angular2 [typescript]错误

来自分类Dev

Angular2 Http错误

来自分类Dev

在Angular2服务中多次发出HTTP请求

来自分类Dev

Angular2共享HTTP服务

来自分类Dev

Angular2简单的Http服务注入

来自分类Dev

Angular2简单的Http服务注入

来自分类Dev

Angular2共享HTTP服务

来自分类Dev

测试angular2 http服务

来自分类Dev

Angular2:带有http的服务-处理错误(响应200)

来自分类Dev

Angular2:HTTP错误处理

来自分类Dev

Angular2:从HTTP发布检测错误

来自分类Dev

angular2从服务中打印json

来自分类Dev

Angular2中的呼叫服务

来自分类Dev

从Angular2中的服务填充FormBuilder

来自分类Dev

Angular2从服务中调用组件

来自分类Dev

Angular 2 http 服务错误处理

来自分类Dev

使用Angular2和TypeScript将http功能移到其自己的服务中

来自分类Dev

在Es5中从Angular2 http中获取错误

来自分类Dev

引导中的Angular2 http

来自分类Dev

Angular2:内联模板中的错误

来自分类Dev

Angular2:内联模板中的错误

来自分类Dev

Angular2 组件中的 DI 错误

来自分类Dev

Angular2:Web服务/ http请求的代码组织

来自分类Dev

扩展Angular2 Http不会注入服务

来自分类Dev

angular2 http.post 到关闭的服务器 => 在 Android 上返回错误但不在 IOS 上

来自分类Dev

在angular2中使用HttpParams的Http返回404错误

来自分类Dev

将服务注入angular2中的服务

来自分类Dev

Angular2没有提供服务错误的提供程序