2017-02-17 9 views
2

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')も同じエラーメッセージを出します。

私はそれを行うために何をすべきかを教えてください。

+1

は、あなたが '' this._http.get( 'アプリ/メニュー項目/メニュー-list.json')を返す試みたことがありますか?同様の例については、このplunkerを確認してください:http://plnkr.co/edit/60E2qb9gOjvkEAeR5CtE?p=info – echonax

+0

@echonaxはルーティングを使用していれば動作しますか? –

+0

@echonax、はい、あなたは絶対に正しいです。どうもありがとう。 –

答えて

関連する問題