Angular Http Request Module
Usage:
npm install ng-requester --save
import { RequesterModule } from 'ng-requester';
@NgModule({
imports: [
...
RequesterModule
], ...
})
export class AppModule {}
Usage:
import { Requester, METHODS } from "ng-requester";
...
export class MyComponent {
constructor(
private req: Requester
) {
req.set({
host: "http://host.com",
url: "api/endpoint",
method: METHODS.POST
})
.send()
.toPromise(res => {
console.log(res);
});
}
}
import { Requester } from "ng-requester";
...
export class MyComponent {
private baseRequest: Requester;
constructor(
private req: Requester
) {
this.baseRequest = req
.set({
host: "http://host.com"
});
}
private submit(data) {
this.baseRequest.post("endpoint", {body: data}).toPromise().then(console.log);
}
private anOtherMethod() {
this.baseRequest.get("anotherendpoint").toPromise().then(console.log);
}
}
Authorization Example:
import { Requester, PreRequest } from "ng-requester";
this.authorizedRequest = req
.addOperator(
new PreRequest(options => {
options.headers = options.headers.append("Authorization", "Bearer " + token);
return options;
})
);
...
this.authorizedRequest.get("somesecretdataendpoint").toPromise().then(console.log);
Note:
All status codes do not throw error by default (404, 500)
You have to define them as errors
import { Requester, PostRequest, Error } from "ng-requester";
const SERVER_ERROR = Symbol("SERVER ERROR");
this.request = req
.addOperator(
new PostRequest<any>(response => {
if (response.data.status >= 500) {
throw new Error(SERVER_ERROR, response.data.body);
}
return response;
})
);
...
this.request.get("somesecretdataendpoint").toPromise().then(console.log);