Ionic2学习笔记：Provider

Posted 2020-07-18 Practitioner

作者：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