ng2-http-plus
This library helps you to send http requests with angular2 using helper methods.
Installation
npm install --save ng2-http-plus
Getting Started
Import the Ng2HttpPlusModule
in your module:
;; @ {}
To send requests, import the HttpPlusService
and http verbs in your component or service:
; ; @ implements OnInit // Inject HttpPlusService {} { // Let's send requests //Simplest form of a GET request thishttpPlus; thishttpPlus; }
If a request method(GET,POST,PUT ....) is not specified, the request will be a GET request by default.
Methods & Options
setUrl(url: string)
This is the first method to be called on the HttpPlusService instance, it sets the url your request will be sent to. This method returns an HttpPlusService instance for method chaining. This method is mandatory.
//examplethishttpPlus;
setQueryString(prop: string, value: any)
When you need to append a query string to your url, this is the method to invoke. This method returns an HttpPlusService instance for method chaining.
thishttpPlus; // url looks like this => 'http://example-url.com?user_id=3'
Invoke the method multiple times to set multiple query strings
setHeader(value: any)
This method sets a header property 'Content-Type' to be equal to the value. This method returns an HttpPlusService instance for method chaining.
thishttpPlus; //=> 'Content-Type': 'application/json'
Invoke the method multiple times to set multiple headers
setCustomHeader(prop: string, value: any)
This method sets a user-defined header property to be equal to the provided value. This method returns an HttpPlusService instance for method chaining.
thishttpPlus; //=> 'x-user-token': 'xxxxxxxxxx'
Invoke the method multiple times to set multiple custom headers
send(method: string, body: any)
This method sends the request. It can be called immediately after the
setUrl()
method.
The method accepts the request method and optional payload.
This method returns an Observable type of Response.
thishttpPlus;
Sample Usage
This is a sample POST request.
thishttpPlus ;