首先新建服務 ionic g prividers services

services.ts ? ?注入HttpClient ??

constructor(public https:HttpClient) {}

public gethttps(url:string):Observable{

? ? ?this.mytoats.mylogin("正在加載");

? ? ? return? Observable.create(observable=>{

? ? this.https.get(url).subscribe(res=>{

?observable.next(res);//通知訂閱者狀態改變

? ? ? this.mytoats.hideLoading();

},err=>{

this.mytoats.mylogin("加載失敗");

this.mytoats.hideLoading();

})

? ? setTimeout(() => {

this.mytoats.hideLoading();

},10000);

})

public posthttps(url:string,parms):Observable{

this.mytoats.mylogin("正在加載");

return? Observable.create(observable=>{

this.https.post(url,parms).subscribe(res=>{

observable.next(res);//通知訂閱者狀態改變

? ? ? ? ? this.mytoats.hideLoading();

},err=>{

this.mytoats.mylogin("加載失敗");

this.mytoats.hideLoading();

})

? ? ? setTimeout(() => {

this.mytoats.hideLoading();

},10000);

})

? }

}

這里使用的是angular的觀察者模式mytoats是自定義的組件用來提示消息

調用：注入services ? httpParams是將需要傳遞的數據封裝為集合

var httpParams =new HttpParams();

for(let key in event){

httpParams =httpParams.set(key,event[key]）；

}

this.services.posthttps(httpParams).subscribe(res=>{

}