Angular4-使用API

2017-06-12

472
0
Angular
2017-06-25

在SPA的架構中，透過API取得資料是在稀鬆平常不過的事情了，這邊會先使用檔案來做讀取，因此必須先做好設定，再來試著讀取API。

1.建立JSON格式的檔案已供讀取

在專案資料夾底下的scr/api資料夾中，建立一個jeff.json的檔案，在裡面貼上

[
    {
      "id": 1,
      "href": "https://docs.google.com/forms/d/1r4Z1GcXQPVW8PrebbKyrFfZazJZCbUiqmFGs03SarBg/edit",
      "title": "第一篇文章",
      "date": "2014/04/30 18:05"
   },

	 {
      "id": 2,
      "href": "https://docs.google.com/forms/d/1r4Z1GcXQPVW8PrebbKyrFfZazJZCbUiqmFGs03SarBg/edit",
      "title": "第二篇文章",
      "date": "2015/04/30 18:05"
   }
,
 	{
      "id": 3,
      "href": "https://docs.google.com/forms/d/1r4Z1GcXQPVW8PrebbKyrFfZazJZCbUiqmFGs03SarBg/edit",
      "title": "第三篇文章",
      "date": "2016/04/30 18:05"
   }

]

2.在.angular-cli.json引入api資料夾的路徑