首页 > 其他 > 详细

Ionic2学习笔记(5):Provider

时间:2016-05-31 22:04:13      阅读:175      评论:0      收藏:0      [点我收藏+]

作者: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学习笔记(5):Provider

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!