How to use API call in service in Iconic2 - api

Question

I am calling following function on click of button.
login.ts
public login() {
this.showLoading()
this.http.get('http://laravel.dev/test').map(res => res).subscribe(data => {
console.log(data)
},
error => {
this.showError(error);
});
}
What I want that this API call should be come from service file. As I am new to Ionic 2 That's Why I am unable to get how can I call above API through service and receive it in login.ts.
auth.service.ts
public login(credentials) {
// Here I want to call Above API and return it to the `login.ts`
}
Please help me.

Answer 1

The http.get request is an Observable. You can return the observable from the service and subscribe in the component/page.
auth.service.ts
public login(credentials) {
return this.http.get('http://laravel.dev/test').map(res => res.json())
}
map function returns the data after decoding the json response assuming your http returns json.
login.ts
public login() {
this.showLoading()
this.authService.login(credentials).subscribe(data => {
console.log(data)
},
error => {
this.showError(error);
},
()=>this.dismissLoading());
}
Inject the service through the constructor in your component and subscribe to the login function.