美文网首页我爱编程
ionic 封装service服务

ionic 封装service服务

作者: 明天以后就娶你 | 来源:发表于2018-06-26 19:11 被阅读0次

首先新建服务 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=>{

}

相关文章

网友评论

    本文标题:ionic 封装service服务

    本文链接:https://www.haomeiwen.com/subject/zfgmyftx.html