angularjs2进阶教程6-http服务
2017-03-06 22:14
357 查看
还是 angularjs2入门1-文件结构分析 的源码,将app名称tutorial-step6-http
The
core Angular module. called
需要在app.module.ts
上加上
import{HttpModule}from'@angular/http';
还需要
我们伪造一个web服务器
// Imports for loading & configuring the in-memory web api
import { InMemoryWebApiModule } from 'angular-in-memory-web-api';
import { InMemoryDataService } from './in-memory-data.service';
导入InMemoryWebApiModule并将其加入到模块的imports数组。 InMemoryWebApiModule将Http客户端默认的后端服务 — 这是一个辅助服务,负责与远程服务器对话 — 替换成了内存 Web API服务
InMemoryWebApiModule.forRoot(InMemoryDataService),
利用toPromise操作符把Observable直接转换成Promise对象
import 'rxjs/add/operator/toPromise';
我们把
HTTP
The
HttpModuleis not a
core Angular module. called
@angular/http
需要在app.module.ts
上加上
import{HttpModule}from'@angular/http';
还需要
imports:[
HttpModule,
],
我们伪造一个web服务器
// Imports for loading & configuring the in-memory web api
import { InMemoryWebApiModule } from 'angular-in-memory-web-api';
import { InMemoryDataService } from './in-memory-data.service';
导入InMemoryWebApiModule并将其加入到模块的imports数组。 InMemoryWebApiModule将Http客户端默认的后端服务 — 这是一个辅助服务,负责与远程服务器对话 — 替换成了内存 Web API服务
InMemoryWebApiModule.forRoot(InMemoryDataService),
利用toPromise操作符把Observable直接转换成Promise对象
import 'rxjs/add/operator/toPromise';
我们把
getHeroes()换成用
HTTP
getHeroes(): Promise<Hero[]> { return this.http.get(this.heroesUrl) .toPromise() .then(response => response.json().data as Hero[]) .catch(this.handleError); }
相关文章推荐
- angularjs2进阶教程4-创建可重用的服务数据
- AngularJS的$http服务基础用法
- angularjs2进阶教程1-编辑英雄
- Android高手进阶教程(十七)---列出Android设备中所有启动的服务,及判断某个服务是否开启!
- Android入门进阶教程(13)-ServiceManager服务管理详解
- AngularJS下$http服务Post方法传递json参数
- Android高手进阶教程(十八)之---列出Android设备中所有启动的服务,及判断某个服务是否开启!
- AngularJS中$http服务的简单用法
- 通过AngularJS实现前端与后台的数据对接(二)——服务(service,$http)篇
- AngularJS进阶(四十)创建模块、服务
- angularjs使用http服务请求网络数据展示
- 使用ASP.NET Web Api构建基于REST风格的服务实战系列教程【五】——在Web Api中实现Http方法(Put,Post,Delete)
- angularjs--$http服务及自定义service
- AngularJS教程 AngularJS从0到1——AngularJS服务
- angularJS中$http服务参数无序化问题
- AngularJS入门教程之REST和定制服务详解
- angularjs速成学习个人理解_5$http服务
- AngularJS进阶(四十)创建模块、服务
- AngularJS下$http服务Post方法传递json参数的实例
- 使用ASP.NET Web Api构建基于REST风格的服务实战系列教程【五】——在Web Api中实现Http方法(Put,Post,Delete)