2017-07-28 18 views
11

मैं एक JSON फ़ीड का उपयोग करने की कोशिश कर रहा हूँ, लेकिन मैं the documentationकोणीय 4 - नाम नहीं खोजा जा सका 'HttpClient'

"नाम नहीं खोजा जा सका 'HttpClient'" निम्न त्रुटि प्राप्त

से परिवर्तन करने के बाद

मैंने ट्यूटोरियल को कुछ बार देखा है लेकिन मुझे यह त्रुटि मिल रही है कि मुझे यह त्रुटि क्यों मिलती है।

मेरा घटक जहां मैं एचटीपी अनुरोध करता हूं।

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 { } 

मैं ऊपर त्रुटि को कैसे हल करने और निर्माता में इंजेक्षन HttpClient करते app.module.ts?

संपादित करें: मेरे कोणीय संस्करण 4.3.2

+0

कोणीय का कौन सा संस्करण? –

+0

आपको अपनी http सामग्री को एक सेवा में ले जाना चाहिए और फिर अपने घटक में HttpClient की बजाय सेवा इंजेक्ट करना चाहिए। – Akkusativobjekt

उत्तर

44

HttpClient कोणीय 4.3.0 संस्करण में प्रस्तुत किया गया है। आपको यह भी सुनिश्चित करना होगा कि आपने & आयात किया है HttpClientModule आपके मुख्य AppModule के imports मेटाडेटा में इंजेक्शन दिया गया है।

// 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

यह दस्तावेज में '@ कोणीय/सामान्य/http' से 'आयात {HttpClient} का उपयोग नहीं किया गया था, लेकिन मेरे लिए काम किया है धन्यवाद! –

+4

यह कहने वाला हिस्सा "एचटीपी क्लाइंट का उपयोग करने से पहले, आपको एचटीपी क्लाइंट मॉड्यूल स्थापित करना होगा जो इसे प्रदान करता है। यह आपके एप्लिकेशन मॉड्यूल में किया जा सकता है, और केवल एक बार आवश्यक है।" विशेष रूप से धोखा दे रहा है। – Emanuel

+0

मुझे एप्लिकेशन को पुनरारंभ करने की आवश्यकता है ng सेवा -o – Charleston

संबंधित मुद्दे