Ionic2學習筆記（5）：Provider

作者：Grey

原文地址： http://www.cnblogs.com/greyzeng/p/5547646.html

     

     

Provider是一種為App提供數據源的方式，

舉個例子:

我們從：

https://www.reddit.com/r/gifs/top/.json?limit=10&sort=hot

獲取Json格式的數據，並在程序啟動的時候，在控制台打印獲取的數據信息：

1. 進入項目目錄：cd MyFirstApp
2. 創建一個Provider：ionic g provider NewProvider

   

   項目目錄中會增加一個目錄，如下：

   

3. 修改new-provider.ts的數據源為：https://www.reddit.com/r/gifs/top/.json?limit=10&sort=hot

   默認是：path/to/data.json

   

4. 在HomePage中注入這個Provider， 找到../app/pages/home/home.ts

   

5. 設置啟動頁:

   ../app/app.ts

   

6. 啟動：ionic serve -l, 在Chrome瀏覽器中模擬啟動以后，打開Chrome瀏覽器的開發者工具(按F12)

   在開發者工具的控制台(Console)中，可以看到打印出來了數據源的數據

   

        

       

更多：Using Http to Fetch Remote Data from a Server in Ionic 2

------

上一篇：Ionic2學習筆記（4）：*號

下一篇：Ionic2學習筆記（6）：Navigation