欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

angular2實(shí)現(xiàn)統(tǒng)一的http請(qǐng)求頭方法

 更新時(shí)間：2018年08月13日 11:04:14   作者：靈眼兒上方  
今天小編就為大家分享一篇angular2實(shí)現(xiàn)統(tǒng)一的http請(qǐng)求頭方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

如下所示：

//方案1：能用，但token信息不能寫在服務(wù)中，應(yīng)該用全局變量替代，而且還得考慮參數(shù)復(fù)合問(wèn)題。
@Injectable()
export class DefaultRequestOptions extends BaseRequestOptions {
  constructor() {
  super();
  this.headers.set('Content-Type', 'application/json');
 }
}
export const requestOptionProvider = {provide: RequestOptions, useClass: DefaultRequestOptions};
//方案2:能用，比較正規(guī)的實(shí)現(xiàn)，但以后請(qǐng)求就只能用myHttp對(duì)象了，而且還要考慮參數(shù)復(fù)合問(wèn)題。
export class myHttp extends Http {
 defaultHeaders = new Headers({
  'Content-Type': 'application/json'
 });

 constructor(_backend: ConnectionBackend, _defaultOptions: RequestOptions, private appInitService: AppInitService) {
  super(_backend, _defaultOptions);
 }

 get(url: string, options?: RequestOptionsArgs): Observable<Response> {
  let optionBuf = new RequestOptions({
   headers: this.defaultHeaders,
   params: {'token': this.appInitService.token}
  });
  //here extend options;
  return super.get(url, optionBuf);
 }
}

export function myHttpFactory(xhrBackend: XHRBackend, requestOptions: RequestOptions, appInitService: AppInitService): myHttp {
 return new myHttp(xhrBackend, requestOptions, appInitService); // 創(chuàng)建myHttp對(duì)象
}

export const myHttpProvider = {
 provide: myHttp,
 useFactory: myHttpFactory,
 deps: [XHRBackend, RequestOptions, AppInitService]
};

以上這篇angular2實(shí)現(xiàn)統(tǒng)一的http請(qǐng)求頭方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

  • AugularJS從入門到實(shí)踐(必看篇)

    AugularJS從入門到實(shí)踐(必看篇)

    下面小編就為大家?guī)?lái)一篇AugularJS從入門到實(shí)踐(必看篇)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2017-07-07
  • angularjs手動(dòng)識(shí)別字符串中的換行符方法

    angularjs手動(dòng)識(shí)別字符串中的換行符方法

    今天小編就為大家分享一篇angularjs手動(dòng)識(shí)別字符串中的換行符方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
    2018-10-10
  • Angular8升級(jí)至Angular13遇到的問(wèn)題解決

    Angular8升級(jí)至Angular13遇到的問(wèn)題解決

    這幾天升級(jí)公司的一個(gè)Angular項(xiàng)目遇到了一些問(wèn)題,下面這篇文章主要給大家介紹了關(guān)于Angular8升級(jí)至Angular13遇到的問(wèn)題解決,文中介紹的非常詳細(xì),需要的朋友可以參考下
    2023-01-01
  • Angular中使用Api 代理的實(shí)現(xiàn)

    Angular中使用Api 代理的實(shí)現(xiàn)

    我們對(duì)接的過(guò)程中總是遇到跨域的問(wèn)題，本文使用 angualr 來(lái)講解代理api對(duì)接的話題，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2022-04-04
  • AngularJS入門教程之雙向綁定詳解

    AngularJS入門教程之雙向綁定詳解

    本文主要介紹AngularJS 雙向綁定，這里整理了詳細(xì)的知識(shí)資料并講解，而且附有代碼示例，有興趣的小伙伴可以參考下
    2016-08-08
  • 解決angular2在雙向數(shù)據(jù)綁定時(shí)[(ngModel)]無(wú)法使用的問(wèn)題

    解決angular2在雙向數(shù)據(jù)綁定時(shí)[(ngModel)]無(wú)法使用的問(wèn)題

    今天小編就為大家分享一篇解決angular2在雙向數(shù)據(jù)綁定時(shí)[(ngModel)]無(wú)法使用的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
    2018-09-09
  • 一篇文章快速了解Angular和Ionic生命周期和鉤子函數(shù)

    一篇文章快速了解Angular和Ionic生命周期和鉤子函數(shù)

    Ionic以AngularJS和ApacheCordova為基礎(chǔ),使用Node.js進(jìn)行模塊管理，使用Html5、Css(SASS)和Javascript技術(shù)進(jìn)行APP開(kāi)發(fā),這篇文章主要給大家介紹了如何通過(guò)一篇文章快速了解Angular和Ionic生命周期和鉤子函數(shù)的相關(guān)資料,需要的朋友可以參考下
    2021-07-07
  • angular2路由之routerLinkActive指令【推薦】

    angular2路由之routerLinkActive指令【推薦】

    這篇文章主要介紹了angular2路由之routerLinkActive指令的相關(guān)資料,需要的朋友可以參考下
    2018-05-05
  • Angularjs過(guò)濾器使用詳解

    Angularjs過(guò)濾器使用詳解

    AngularJS提供了過(guò)濾器來(lái)對(duì)輸入輸出數(shù)據(jù)格式化。這篇文章主要介紹了Angularjs過(guò)濾器使用的相關(guān)資料,需要的朋友可以參考下
    2016-05-05
  • AngularJS封裝$http.post()實(shí)例詳解

    AngularJS封裝$http.post()實(shí)例詳解

    這篇文章主要介紹了 AngularJS封裝$http.post()實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下
    2017-05-05

最新評(píng)論