亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

angular5 httpclient的示例實戰(zhàn)

 更新時間:2018年03月12日 16:04:31   作者:今天來找bug  
本篇文章主要介紹了angular5 httpclient的示例實戰(zhàn),小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧

從angular 4.3.0 以后的版本開始使用httpclient,替換了之前的http,引用的包路徑已經變?yōu)榱薬ngular/common/http了

一個基礎的 httpclient 樣例

import { Injectable } from '@angular/core';
import { HttpClient, HttpResponse } from '@angular/common/http';
import { Observable } from 'rxjs/Observable';
import { HttpDefaultOptions } from './http.default.options';

@Injectable()
export class Service {

 private static METHOD_DELTE = 'DELETE';
 private static METHOD_POST = 'POST';
 private static METHOD_GET = 'GET';
 private static METHOD_PUT = 'PUT';

 constructor(private httpClient: HttpClient) {
 }

 /**
  * 將數據上傳
  * @param data
  * @param {Function} func
  */
 uploadDataPost(data: any, func: Function) {
  let url = '/api/test';
  this.apiPost(url, data)
   .subscribe((response: HttpResponse) => {
    func(response);
   }, error => {
    func(undefined);
   });
 }

 /**
  * 返回json 格式的obj 對象
  * @param url
  * @param body
  * @param urlSearchParams
  * @returns {Observable<{}>}
  */
 apiPost(url, body, urlSearchParams?: any): Observable<{}> {
  let options = {
   body: body ? body : null,
   params: urlSearchParams,
   responseType: 'json'
  };
  return this.httpClient.request(Service.METHOD_POST, url, options);
 }

 /**
  * 返回一個obj 對象
  * @param url
  * @param urlSearchParams url 的查詢參數
  * @returns {Observable<{}>}
  */
 apiGet(url, urlSearchParams?: any): Observable<{}> {
  let options = {
   params: urlSearchParams,
   responseType: 'json'
  };
  return this.httpClient.request(Service.METHOD_GET, url, options);
 }
}

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。

相關文章

  • Angularjs過濾器實現動態(tài)搜索與排序功能示例

    Angularjs過濾器實現動態(tài)搜索與排序功能示例

    這篇文章主要介紹了Angularjs過濾器實現動態(tài)搜索與排序功能,涉及AngularJS過濾器相關搜索、查詢、排序操作技巧,需要的朋友可以參考下
    2017-12-12
  • 簡介可以自動完成UI的AngularJS工具angular-smarty

    簡介可以自動完成UI的AngularJS工具angular-smarty

    這篇文章主要介紹了簡介可以自動完成UI的AngularJS工具angular-smarty,包括其中隔離作用域綁定指令符和promise的使用,需要的朋友可以參考下
    2015-06-06
  • AngularJS實踐之使用NgModelController進行數據綁定

    AngularJS實踐之使用NgModelController進行數據綁定

    大家都知道AngularJS中的指令是其尤為復雜的一個部分,但是這也是其比較好玩的地方。這篇文章我們就來說一說如何在我們自定義的指令中,利用ngModel的controller來做雙向數據綁定,本文對大家學習AngularJS具有一定的參考借鑒價值,有需要的朋友們可以參考借鑒。
    2016-10-10
  • AngularJS入門教程引導程序

    AngularJS入門教程引導程序

    本文主要介紹AngularJS 引導程序,這里整理了相關資料及示例代碼,詳細講解了引導程序的知識要點,有興趣的小伙伴可以參考下
    2016-08-08
  • 剖析Angular Component的源碼示例

    剖析Angular Component的源碼示例

    本篇文章主要介紹了剖析Angular Component的源碼示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-03-03
  • 探索angularjs+requirejs全面實現按需加載的套路

    探索angularjs+requirejs全面實現按需加載的套路

    這篇文章主要探索了angularjs+requirejs全面實現按需加載的套路,圍繞angularjs提供的各種機制進行研究,感興趣的小伙伴們可以參考一下
    2016-02-02
  • 詳解Angular5 服務端渲染實戰(zhàn)

    詳解Angular5 服務端渲染實戰(zhàn)

    本篇文章主要介紹了詳解Angular5 服務端渲染實戰(zhàn),小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-01-01
  • 利用Angularjs實現幻燈片效果

    利用Angularjs實現幻燈片效果

    AngularJS是Google開發(fā)的純客戶端JavaScript技術的WEB框架,用于擴展、增強HTML功能,它專為構建強大的WEB應用而設計。下面這篇文章我們來分享如何利用Angularjs實現幻燈片效果。
    2016-09-09
  • Angular2自定義分頁組件

    Angular2自定義分頁組件

    本篇文章主要介紹了Angular2自定義分頁組件的相關知識。具有很好的參考價值。下面跟著小編一起來看下吧
    2017-04-04
  • Angularjs中的驗證input輸入框只能輸入數字和小數點的寫法(推薦)

    Angularjs中的驗證input輸入框只能輸入數字和小數點的寫法(推薦)

    這篇文章主要介紹了Angularjs中的驗證input輸入框只能輸入數字和小數點的寫法,需要的朋友可以參考下
    2017-08-08

最新評論