Warum eckig findet die JSON-Datei nicht?

Question

Ich versuche, ein JSON-Array durch eine Datei data.json zu bekommen, aber eckig js findet data.json (returning 404 Error) nicht. Ich habe viele Möglichkeiten ausprobiert, aber immer noch nicht in der Lage, dieses Problem zu lösen (Ich habe gerade angefangen, eckig zu lernen 2). Es folgt meine verwandten Dateien und Code:

app/user/user.service.ts // User Service File 

import {Injectable} from '@angular/core'; 
import {Http, Response} from '@angular/http'; 
import 'rxjs/add/operator/map'; 
@Injectable() 
export class UserService{ 
    private JsonDirectory: string = "app/data.json" 
    constructor(private _httpReference: Http){} 
    getUsers(){ 
     return this._httpReference.get(this.JsonDirectory) 
       .map((responseReference:Response) => responseReference.json()); 
    } 
} 

In der gleichen Stelle habe ich eine andere Datei mit dem Namen user.component.ts

import { Component, OnInit } from '@angular/core'; 
import {UserService} from './user.service'; 

export class UserComponent implements OnInit{ 
    UserArray = []; 

    ngOnInit(){ 
     this.userService.getUsers() 
      .subscribe(resUserData => this.UserArray = resUserData); 
    } 

} 

Data.json Datei-Code

[ 
    {"id":1,"name":"Ayaz","gender":"Male"}, 
    {"id":2,"name":"Ali","gender":"Male"}, 
    {"id":3,"name":"Shah","gender":"Male"}, 
    {"id":4,"name":"Khan","gender":"Male"} 
] 

Ich legte die data.json Datei in anderen Ort wie app/data.json, user/data.json und auf root und dann änderte ich die URL nach dem Standort, aber es findet es nicht und gibtzurück.

Answer 1

Halten Sie es in Vermögenswerte Ordner & Verwendung

this.http.get('assets/file.json')