कोणीय 5 सेवा स्थानीय .json फ़ाइल

Question

पढ़ने के लिए मैं कोणीय 5 का उपयोग कर रहा हूँ और मैं एक सेवा बना लिया है का उपयोग कर कोणीय CLI

मुझे क्या करना चाहते हैं एक सेवा है जो के लिए एक स्थानीय json फ़ाइल पढ़ता है बनाने के लिए है कोणीय 5.

यह है कि मैं क्या है ... मैं थोड़ा अटक हूँ ...

import { Injectable } from '@angular/core'; 
import { HttpClientModule } from '@angular/common/http'; 

@Injectable() 
export class AppSettingsService { 

    constructor(private http: HttpClientModule) { 
    var obj; 
    this.getJSON().subscribe(data => obj=data, error => console.log(error)); 
    } 

    public getJSON(): Observable<any> { 
    return this.http.get("./assets/mydata.json") 
     .map((res:any) => res.json()) 
     .catch((error:any) => console.log(error)); 

    } 

} 

मैं इस समाप्त मिल सकता है?

Answer 1

सबसे पहले आप क्योंकि नई HttpClient आप डिफ़ॉल्ट रूप से प्रतिक्रिया के शरीर दे देंगे, अंत में यह सुनिश्चित कर लें HttpClient और नहीं HttpClientModule, दूसरी बात आप .map((res:any) => res.json()) हटाने के लिए आप इसे किसी भी अधिक की जरूरत नहीं होगी इंजेक्षन करने के लिए है कि आप आप में आयात HttpClientModuleAppModule :

import { HttpClient } from '@angular/common/http'; 
import { Observable } from 'rxjs/Observable'; 

    constructor(private http: HttpClient) { 
     this.getJSON().subscribe(data => { 
      console.log(data) 
     }); 
    } 

    public getJSON(): Observable<any> { 
     return this.http.get("./assets/mydata.json") 
    } 

अपने घटक में जोड़ने के लिए:

@Component({ 
    selector: 'mycmp', 
    templateUrl: 'my.component.html', 
    styleUrls: ['my.component.css'] 
}) 
export class MyComponent implements OnInit { 
    constructor(
     private appSettingsService : AppSettingsService 
    ) { } 

    ngOnInit(){ 
     this.appSettingsService.getJSON().subscribe(data => { 
      console.log(data) 
     }); 
    } 
} 

Answer 2

आपके पास एक वैकल्पिक समाधान है, जो सीधे आपके जेसन आयात कर रहा है।

संकलन करने के लिए, फ़ाइल

declare module "*.json" { 
    const value: any; 
    export default value; 
} 

अपने कोड

import { data_json } from '../../path_of_your.json'; 

console.log(data_json) 

उदाहरण के लिए