Question

我正在尝试从angular2中的服务文件加载.json文件。我使用angular-cli安装我的angular2应用程序。我的app文件结构如下所示

src＆gt; app＆gt; menu-item＆gt; menu-item.service.ts

菜单list.json

这是我的menu-item.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未找到173毫秒] 对象{_body：＆＃34;无法获取/menu-list.json＆＃34;，状态：404，ok：false，statusText：＆＃34;未找到＆＃34;，headers：Object，type：2，url ：＆＃34; http://localhost:4200/menu-list.json＆＃34; }

如果我将menu-list.json文件放在根目录中然后它的工作，但我不想将它放在根目录中。如果我更改路径名称return this._http.get('src/app/menu-item/menu-list.json')，它也会给我同样的错误信息。

请给我一个建议，我必须为此做些什么。

Answer 1

它应该是return this._http.get('app/menu-item/menu-list.json')检查这个类似的例子：http://plnkr.co/edit/60E2qb9gOjvkEAeR5CtE?p=info

在angular2

1 个答案: