angular2のサービスファイルから.jsonファイルをロードしようとしています。私はangle-cliを使って私のangle2アプリをインストールします。マイアプリのファイル構造はjsonファイルがangular2で見つかりません
SRC>アプリ>メニュー項目>メニューitem.service.ts
メニュー-list.json
以下のようにここに私のメニュー項目があります。 service.tsファイル。
getMenuListObservable(): Observable<Menu[]> {
return this._http.get('menu-list.json')
.map((response: Response) => <Menu[]>response.json().menuList)
.do(data => console.log(JSON.stringify(data)))
.catch(this.handleError);
}
http://localhost:4200/menu-list.json [HTTP/1.1 404見つかりません173ms] オブジェクト{_body: "/menu-list.json得ることができない"、状況:404、[OK]:偽、STATUSTEXT: "見つかりません"、ヘッダ:オブジェクト、タイプ:2、URL: "http://localhost:4200/menu-list.json"}
menu-list.jsonファイルをルートディレクトリに配置し、その作業をルートディレクトリに配置しない場合は、もし私がそのようなパス名を変更すると、return this._http.get('src/app/menu-item/menu-list.json')
も同じエラーメッセージを出します。
私はそれを行うために何をすべきかを教えてください。
は、あなたが '' this._http.get( 'アプリ/メニュー項目/メニュー-list.json')を返す試みたことがありますか?同様の例については、このplunkerを確認してください:http://plnkr.co/edit/60E2qb9gOjvkEAeR5CtE?p=info – echonax
@echonaxはルーティングを使用していれば動作しますか? –
@echonax、はい、あなたは絶対に正しいです。どうもありがとう。 –