アングル2のファイルパスエラー

Question

私はPrimeNGデータテーブルを実装しようとしていますが、cars-small.jsonというJSONファイルにデータがあります。パスはコード内で正しいと思います。私はほぼ20回チェックし、名前を変更してチェックしましたそのファイルのパスは表示されますが、常に404エラーが表示されます。

これは、私はそれを取得しようとしています方法です：

@Injectable() 
export class CarService { 

datatable = "app/services/cars-small.json"; 
url = this.datatable; 

constructor(private http: Http) {} 

getCarsSmall() { 
    return this.http.get(this.url) 
       .toPromise() 
       .then(res => <Car[]> res.json().data) 
       .then(data => { return data; }); 
    } 
} 

しかし、常に404エラーを取得し、このエラー画像（https://imgur.com/StSFhUP）と実際のイメージパス（https://imgur.com/cxEHMJ6）を確認してください。アプリはアプリケーションが入っているフォルダを参照しますので、次のように

Answer 1

変更データテーブル、

datatable = "/services/cars-small.json"; 

EDIT

あなたがhttp.getを作っているので、それは完全なを持っている必要があります資産フォルダ**src/assets/cars-small.json**へのパスのような、http://localhost:4200/services/cars-small.json

コピーJSONファイルと、あなたはそれ

にアクセスすることができるはずです

datatable = "/assets/cars-small.json"; 

Answer 2

appフォルダがパブリックではありませんのでので、あなたcars-small.jsonがsrc/assets/cars-small.jsonに入れて、あなたが

http://localhost:4200/assets/cars-small.json

のようなものが資産を除いて覚えているURLにアクセスすることができますが、他のフォルダは公開されていないフォルダすべて配置する必要がありますあなたのモックデータは、他の静的なファイルイメージのように