摘要：链接教程一安装和配置教程二登录页制作教程三设置页制作教程四安卓硬件返回键处理教程五基本的网络请求这是最后一节，本节主要用最简单网络请求和基本的内置指令做一个演示。接收数据用依赖注入网络请求会返回一个对象。
链接：
ionic3教程（一）安装和配置
ionic3教程（二）登录页制作
ionic3教程（三）设置页制作
ionic3教程（四）安卓硬件返回键处理
ionic3 教程（五）基本的网络请求
这是最后一节，本节主要用最简单网络请求和基本的内置指令做一个演示。
对 Angular 的基本架构不熟悉的请点Angular 4.0 架构详解
对 Angular 的内置指令不熟悉的请点Angular 4.0 内置指令全攻略
前言通常我们希望在 HTTP 请求的时候，页面不会失去响应，所以我们的 HTTP 请求是异步的。
JavaScript 中，通常用 3 种方式处理异步代码。
回调（callback）
承诺（promise）
可观察对象（observable）
promise 和 observable 主要三个主要不同：
observable 可以中途取消，promise 发出就不行
observable 可以持续发射很多值，而 promise 只能发射一个值就结束了
observable 提供了更多的工具函数，最常用的是 filter 等
想更多了解 promise 的请看
《JavaScript Promise迷你书》
想更多了解 rxjs(observable) 的请看
《rxjs中文教程》
在 Angular 中，处理异步代码的最佳方式就是使用可观察对象，所以接下来会用到
app.module.ts导入 Angular 的 HttpModule。
import { HttpModule } from "@angular/http";
//然后在 imports 中插入 HttpModule 即可
测试用接口
本来找了一些别的接口作为测试，发现不会显示数据，打开 Chrome 测试了一下发现有跨域问题。
XMLHttpRequest cannot load
所以这里给大家推荐个网站，我们就用他来进行测试。
http://jsonplaceholder.typico...
拖到下面的 Resources 可以看到图片。从图中可以看出接口种类还是比较丰富的，我们选择带图片的 /photos 进行测试。
home.tsimport { Http, Response } from "@angular/http";
@Component({
selector: "page-home",
templateUrl: "home.html"
})
export class HomePage {
// 接收数据用
listData: Object;
// 依赖注入
constructor(public navCtrl: NavController, private http: Http) {
}
ionViewDidLoad() {
// 网络请求
this.http.request("http://jsonplaceholder.typicode.com/photos")
.subscribe((res: Response) => {
this.listData = res.json();
});
}
http.request 会返回一个 Observable 对象。我们可以使用 subscribe 订阅变化。
当 http.request 从服务器返回一个流时，它就会发出一个 Response 对象。我们用 json 方法提取出响应体解析成一个 Object，最后将它赋值给 this.listData。
home.html
