javascript - 在angular2中找不到json文件

Question

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

src > app > 菜单项 > menu-item.service.ts

menu-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 未找到 173ms]对象 { _body: "Cannot GET/menu-list.json ", status: 404, ok: false, statusText: "Not Found", headers: Object, type: 2, url: "http://localhost:4200/menu-list.json "}

如果我将 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') 检查这个 plunker 是否有类似的例子:http://plnkr.co/edit/60E2qb9gOjvkEAeR5CtE?p=info