本届主要介绍前端ionic页面是如何与remote service进行交互的。

1.按照上一节说的创建ionic创建项目的过程创建ionc app project
Ionic移动app开发:ionic如何与服务端交互(Restful Api)
2.运行project
Ionic移动app开发:ionic如何与服务端交互(Restful Api)

3.创建一个服务来访问REST Api
Ionic移动app开发:ionic如何与服务端交互(Restful Api)
服务创建后,在项目文件夹中出现一个新的文件夹,修改rest文件具体内容如下

Ionic移动app开发:ionic如何与服务端交互(Restful Api)

4.修改app文件夹下app.module.ts文件
Ionic移动app开发:ionic如何与服务端交互(Restful Api)
其中在添加服务时,app内容会自动修改。

5.访问服务
Ionic移动app开发:ionic如何与服务端交互(Restful Api)

6.结果

Ionic移动app开发:ionic如何与服务端交互(Restful Api)

Ionic移动app开发:ionic如何与服务端交互(Restful Api)

相关文章: