码迷,mamicode.com
首页 > 其他好文 > 详细

Ionic2学习笔记(5):Provider

时间:2016-05-31 22:07:01      阅读:1613      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!