Angular4: jak uzyskać dostęp do lokalnego json?

Question

W Angular2 możesz mieć folder/dane/i plik json, a możesz uzyskać do niego dostęp pod adresem localhost: 4200/data/something.json.

Nie jest to już możliwe w Angular4.

Jakieś pomysły, jak je uruchomić?

Answer 1

można użyć tego kodu

@Injectable() 
export class AppServices{ 

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

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

    } 
} 

tutaj file.json jest lokalny plik json.

zobaczyć tutaj także

• How to get a json file in angular2 using the Http class

patrz również changlog kątowego-cli na ścieżce

• https://github.com/angular/angular-cli/blob/master/CHANGELOG.md#100-rc4-2017-03-20

Answer 2

I zdobione.

W Angular2 miałem folder pod folderem src. W Angular4 musisz mieć go w folderze głównym.

przykład:

Angular2:

korzenia/src/dane/file.json

Angular4:

korzenia/dane/file.json

Answer 3

Oczywiście to możliwe. Załóżmy, że tutaj jest plik json

A oto kod zadzwonić JSON

import { Injectable } from '@angular/core'; 
import { Http, Headers, Response } from '@angular/http'; 
import { Observable } from 'rxjs'; 
import 'rxjs/add/operator/map' 

@Injectable() 
export class YourService { 

    constructor(private http: Http) { } 

    getAdvantageData(){ 
     let apiUrl = './assets/data/api/advantage.json'; 
     return this.http.get(apiUrl) 
     .map((response: Response) => { 
     const data = response.json(); 
     return data; 
     }); 
    } 
} 

Answer 4

byłem stoi ten sam problem, gdzie mój Obserwowalne kątowa serwis został znajdujący się wewnątrz "src/app /" i próbował załadować lokalny plik JSON. Próbowałem umieścić plik JSON w tym samym folderze aplikacji, w nowym folderze "api", użyłem różnych rodzajów krewnych/tras absolutnych, ale to nie pomogło i dostałem błąd 404. W momencie, w którym umieściłem go w folderze "aktywów" ... BAM !!! zadziałało. Myślę, że jest więcej do niej ...

Może ten link pomoże ...

COMPONENT-RELATIVE PATHS IN ANGULAR

Answer 5

Można użyć "wymagają" zbyt;

let test = require('./test.json');