vHttp
vHttp is a Angular2 component for making HTTP calls.
Requirements
First, you will need to include the component into your application.
npm install @vendasta/fec-icon [--save-dev]
Using vHttp requires having HTTP providers in your application (app.ts) as such:
@Component({
...
directives: [
HTTP_PROVIDERS
]
})
bootstrap(AppComponent, [
HTTP_PROVIDERS
]);
Usage
The 'vHttp' service is injected into other components to allow the other components to make HTTP calls. To use it: import it, include it within your providers, and instantiate it in your constructor.
import {VHttpService} from "@vendasta/fec/vhttp/vhttp.service";
@Component({
...
providers: [VHttpService],
...
})
export class TestComponent {
...
constructor(private vHttpService: VHttpService){}
...
}
You can then use the vHttp service to make API calls that returns the data field of a JSON object returned by the API.
export class TestComponent {
...
useVHttpService(url) {
this.vHttpService.get(url).subscribe(
result => this.testItems = result,
error => this.errorMessage = <any>error;
)
}
}