Ionic2学习笔记(5):Provider

时间:2021-12-29 14:36:34

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

    Ionic2学习笔记(5):Provider

    项目目录中会增加一个目录,如下:

    Ionic2学习笔记(5):Provider

  3. 修改new-provider.ts的数据源为:https://www.reddit.com/r/gifs/top/.json?limit=10&sort=hot

    默认是:path/to/data.json

    Ionic2学习笔记(5):Provider

  4. 在HomePage中注入这个Provider, 找到../app/pages/home/home.ts

    Ionic2学习笔记(5):Provider

  5. 设置启动页:

    ../app/app.ts

    Ionic2学习笔记(5):Provider

  6. 启动:ionic serve -l, 在Chrome浏览器中模拟启动以后,打开Chrome浏览器的开发者工具(按F12)

    在开发者工具的控制台(Console)中,可以看到打印出来了数据源的数据

    Ionic2学习笔记(5):Provider

       
     

     
 

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

------

上一篇:Ionic2学习笔记(4):*号

下一篇:Ionic2学习笔记(6):Navigation