json文件无法在angular2中找到

问题描述：

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

来源>应用程序>菜单项>菜单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： “不能GET /menu-list.json”，状态：404，OK：假，状态文本： “未找到”，标头：对象，输入：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，是的，你是绝对正确的，它的工作。非常感谢。 –

答

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

json文件无法在angular2中找到

相关推荐