使用angular2的http交互注意的问题

1.模拟一个web api,否则不能实现交互,模拟方法按照官网上的步骤
在app.module.ts中引入
import {InMemoryWebApiModule} from ‘angular-in-memory-web-api’;
并且吧InMemoryWebApiModule添加到imports数组中,使用这个模块就会模拟出一个web api
无论是get方法还是post方法都要依赖这个模拟的服务
2.准备一个in-memory-data.service.ts服务,用来模拟一个数据,具体实现方法参考官网
3.在获取数据的组件中引入Http,response
使用angular2的http交互注意的问题_第1张图片
本例中模拟的get方法是在组件中直接获取数据,没有把获取数据的过程封装成服务

post方法同get方法一样的用法
使用angular2的http交互注意的问题_第2张图片

你可能感兴趣的:(使用angular2的http交互注意的问题)