最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

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

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

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

一個基礎(chǔ)的 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) {
 }

 /**
  * 將數(shù)據(jù)上傳
  * @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 的查詢參數(shù)
  * @returns {Observable<{}>}
  */
 apiGet(url, urlSearchParams?: any): Observable<{}> {
  let options = {
   params: urlSearchParams,
   responseType: 'json'
  };
  return this.httpClient.request(Service.METHOD_GET, url, options);
 }
}

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • 淺析Angular2子模塊以及異步加載

    淺析Angular2子模塊以及異步加載

    本篇文章主要介紹了淺析Angular2子模塊以及異步加載,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-04-04
  • 淺談對Angular中的生命周期鉤子的理解

    淺談對Angular中的生命周期鉤子的理解

    本篇文章主要介紹了Angular中的生命周期鉤子的理解,詳細(xì)的介紹了生命周期鉤子和主要的生命周期鉤子,有興趣的可以了解一下
    2017-07-07
  • Angular ng-animate和ng-cookies用法詳解

    Angular ng-animate和ng-cookies用法詳解

    本文講一下Angular中動畫應(yīng)用的部分。這篇文章主要介紹了Angular ng-animate和ng-cookies用法詳解,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-04-04
  • 詳解Angular5 服務(wù)端渲染實(shí)戰(zhàn)

    詳解Angular5 服務(wù)端渲染實(shí)戰(zhàn)

    本篇文章主要介紹了詳解Angular5 服務(wù)端渲染實(shí)戰(zhàn),小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-01-01
  • AngularJS 輸入驗證詳解及實(shí)例代碼

    AngularJS 輸入驗證詳解及實(shí)例代碼

    本文主要介紹AngularJS 輸入驗證,這里對AngularJS 輸入驗證的資料做了整理,并附簡單實(shí)例代碼和效果圖,有需要的小伙伴參考下
    2016-07-07
  • 深入理解Angular.JS中的Scope繼承

    深入理解Angular.JS中的Scope繼承

    這篇文章主要給大家深入的介紹了關(guān)于Angular.JS中Scope繼承的相關(guān)資料,Angular。JS中scope之間的繼承關(guān)系使用JavaScript的原型繼承方式實(shí)現(xiàn),文中介紹的非常詳細(xì),對大家具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一起看看吧。
    2017-06-06
  • angular4中引入echarts的方法示例

    angular4中引入echarts的方法示例

    這篇文章主要介紹了angular4中引入echarts的方法示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2019-01-01
  • AngularJS基于MVC的復(fù)雜操作實(shí)例講解

    AngularJS基于MVC的復(fù)雜操作實(shí)例講解

    下面小編就為大家分享一篇AngularJS基于MVC的復(fù)雜操作實(shí)例講解,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2017-12-12
  • angularjs學(xué)習(xí)筆記之三大模塊(modal,controller,view)

    angularjs學(xué)習(xí)筆記之三大模塊(modal,controller,view)

    本文給大家記錄的是angularjs的三大模塊(modal,controller,view)的使用說明,方便初學(xué)者能夠順利的學(xué)習(xí)angularjs.
    2015-09-09
  • 詳解Angular組件之中間人模式

    詳解Angular組件之中間人模式

    設(shè)計一個組件時,組件應(yīng)該是內(nèi)聚的,應(yīng)該不依賴外部已經(jīng)存在的組件,要實(shí)現(xiàn)這種松耦合的組件要使用中間人模式。
    2021-05-05

最新評論

南安市| 蚌埠市| 城口县| 梨树县| 双牌县| 巴彦县| 五寨县| 扬中市| 元朗区| 洪湖市| 老河口市| 太和县| 万盛区| 包头市| 三明市| 阿克陶县| 黄大仙区| 共和县| 张家川| 榕江县| 新化县| 临邑县| 安图县| 东乌| 手游| 酒泉市| 安福县| 莒南县| 潞城市| 阳曲县| 红河县| 滨州市| 鹤山市| 延长县| 措美县| 胶州市| 泽州县| 阜新市| 哈巴河县| 荆门市| 山丹县|