2017-07-28 23 views
11

Ben JSON feed erişmeye çalışıyorum ama the documentation aşağıdaki hatayı alıyorumEğik 4 - adını bulamıyor 'HttpClient'

"ad bulunamadı 'HttpClient'"

gelen değişiklikleri yaptıktan sonra

Ben öğretici üzerinde bir kaç kez baktım fakat bu hatayı alıyorum neden bulmak için mücadele ediyorum. Ben Http isteği gerçekleştirmek

My bileşeni.

rooms.parent.component.ts

import { Component, OnInit } from '@angular/core'; 

@Component({ 
/.../ 
}) 

export class RoomParentComponent implements OnInit { 
    results: string[]; 

    // Inject HttpClient into your component or service. 
    constructor(private http: HttpClient) {} 

    ngOnInit(): void { 
    // Make the HTTP request: 
    this.http.get(/.../).subscribe(data => { 
     this.results = data; 
    }); 
    } 
} 

import { NgModule } from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 
import {HttpClientModule} from '@angular/common/http'; 
import { AppComponent } from './app.component'; 
import { RoomParentComponent } from './rooms.parent.component'; 

@NgModule({ 
    declarations: [ 
    AppComponent, 
    RoomParentComponent 
    ], 
    imports: [ 
    BrowserModule, 
    HttpClientModule, 
    ], 
    providers: [], 
    bootstrap: [AppComponent] 
}) 

export class AppModule { } 

nasıl yukarıdaki hatayı gidermek ve yapıcı içine HttpClient enjekte do app.module.ts?

Düzenleme: Benim Açısal sürüm 4.3.2

+0

açısal hangi sürümünün? –

+0

http öğelerinizi bir servise götürmelisiniz ve ardından HttpClient yerine servisinizi bileşene enjekte etmelisiniz. – Akkusativobjekt

cevap

44

HttpClient Eğik 4.3.0 sürümünde tanıtılan var olduğunu. Ayrıca size & ana AppModule 'ın imports metaverilerde HttpClientModule enjekte ithal emin olmak gerekir.

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


//in place where you wanted to use `HttpClient` 
import { HttpClient } from '@angular/common/http'; 
+9

Bu belgede 'import {HttpClient}' in '@ açısal/ortak/http'; –

+4

diyerek kısmını "Eğer httpclient kullanmadan önce, bunu sağlayan HttpClientModule yüklemeniz gerekir. Bu uygulama modülünde yapılan ve bir kez gereklidir edilebilir." özellikle aldatıcıdır. @JoshuaDuxbury https://angular.io/guide/http belirttiği gibi – Emanuel

+0

Ben HttpClient için ithalat ihmal uygulama ng yeniden bu konuda -o – Charleston