chemin JSON d'appel de service Angular2 Fichier non trouvé

Question

de product.service.ts:

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

@Injectable() 
export class ProductService { 
    private _producturl='src/products.json'; 
    constructor(private _http: Http){} 

    getproducts(): Observable<IProduct[]> { 
    return this._http.get(this._producturl) 
    .map((response: Response) => <IProduct[]> response.json()) 
    .do(data => console.log(JSON.stringify(data))); 
    } 
    } 

S'il vous plaît trouver la capture d'écran ci-joint pour la structure du dossier

mais quand la page se charge, il me montre une erreur: zone .js: 2744 GET http://0.0.0.0:4200/src/products.json 404 (Introuvable)

enter image description here

Answer 1

Vous devez enregistrer votrefichierdans le dossier actif, et l'accès à partir de là comme celui-ci

export class ProductService { 
    private _producturl='./assets/products.json'; 
    constructor(private _http: Http){} 
    ......... 
} 

Si vous Cli à l'aide angulaire vous devez garder le fichier JSON dans le dossier actif (parallèle à l'application dir) répertoire par docs officiels.