angular 接口定义封装

第一步app.module.ts里面引入创建的服务

import { AAService} from '';

@NgModule里面的providers依赖注入服务 provides:  [ AAService] ,

第二步src  app目录下新建providers文件夹service.ts文件

引入baseUrl（你定义的根目录）

export class AAService{

private xxxUrl=baseUrl+具体接口

写一个方法

const httpOptions={

      headers:new({'Content-Type':"application/x-www-form-urlencoded;charset=UTF-8"})

}

yyy(){

/*第一个参数为路径，参数/头部协议*/

return this.http.post(xxxUrl,body,httpOptions).map(res=>res.json());

}

或者

yyy(){

/*第一个参数为路径，头部协议/参数/*/

let params=new HttpParams().set('id',id)

return this.http.get(xxxUrl,httpOptions,params)

}

}

第三步如何调服务

.ts文件中

important {aaService} form '';

construstor({

private  aaService:AAService

})

this.aaService.yyy().subscript(result=>{

})