Angular讀取JSON文件的方法

　　在Angular中，有時候我們需要從一個文件中讀取數據，現在說明下讀取一個JSON文件的數據的步驟：

一、首先有一個JSON文件，命名data.json：

{
    "姓名": "李白",
    "姓別": "男",
    "年齡": 18
}

二、將其放入assets之中：

三、注入Http依賴：

  constructor(private http: Http) { }

為了使用這個依賴，要在模塊中引入HttpModule，並且Imports進來：

import { HttpModule } from '@angular/http';

  imports: [
    ……
    HttpModule，
    ……
  ],

四、讀取代碼：

    this.http.get('assets/data.json')
      .map(data => data.json())
      .subscribe(data => {
        console.log(data);
      });

五、結果：

總結：

　　1、一定要把data.json放入assets中，不然會報找不到文件的錯誤，原因是因為Angular的配置限定了資源文件的所在地。我們可以打開.angular-cli.json文件，看到了assets這個屬性，可以發現資源文件中只規定了assets的路徑，所以在其他文件夾的資源Angular在編譯過程中會忽略：

　　2、當然，可能可以在assets中添加其他路徑，我猜也是可以的，雖然我沒嘗試過。