角度和离子应用中的静态资源

Question

在我的离子项目中，我有图像中的层次结构，我正在尝试获取products.json，但在启动应用程序后，我试图访问json文件products.json，它说资源不可用。

http://localhost:8100/pages/login/products.json

Answer 1

将您的json文件放在资产文件夹

中

尝试以下示例代码：

import {Injectable} from '@angular/core';
import { Http } from '@angular/http';
import 'rxjs/add/operator/map';

@Injectable()
export class HomePage {
private data: any;

 constructor(private http: Http) { }

 getData(){
   this.http.get('assets/data/products.json')
   .map((res) => res.json())
   .subscribe(data => {
      this.data = data;
   }, (rej) => {
          console.error("Could not load local data",rej)
   });
 }
}