angular-http

I have an AngularJS app, and need an ajax loader for every request done by the $http - is there a simple way to do this. My solution now is to set $rootScope.loading = 1 everytime i call a $http, and on the success set $rootScope.loading = 0.. What is the "best practice" for this? My code now looks like: $rootScope.loading = 1; $http({method : "POST", url:url, data: utils.params(data), headers: {'Content-Type': 'application/x-www-form-urlencoded'}}).success(function() { $rootScope.loading = 0; }); In this case will be better to use interceptor Anytime that we want to provide global

In angular JS 1.1.5 you can cancel previously started $http calls. These two link1 and link2 gives some explanation on how it works. However I can't understand, how to use this in practice. I created plnkr to illustrate what I want to achieve. User has a link he can click on (as we know, users tend to do that very passionately) If user clicks link, and previous request hasn't yet finished, it should be canceled, and new request should be made (in this example there are other ways to ignore multiple clicks. Original problem is user input field with ng-change on it - request gets made every time

I use Observable.forkJoin() to handle the response after both http calls finishes, but if either one of them returns an error, how can I catch that error? Observable.forkJoin( this.http.post<any[]>(URL, jsonBody1, postJson) .map((res) => res), this.http.post<any[]>(URL, jsonBody2, postJson) .map((res) => res) ) .subscribe(res => this.handleResponse(res)) siva636 You may catch the error in each of your observables that are being passed to forkJoin : // Imports that support chaining of operators in older versions of RxJS import {Observable} from 'rxjs/Observable'; import {forkJoin} from 'rxjs

I need help in displaying the output of subscribe from an api in Angular 4. How can i do this since I wrote data.data.data but it says property data doesnt exist on type object. How would i output it in the browser? Here's my code below and the api picture below import { Component, OnInit } from '@angular/core'; import { NewsService } from '../news.service'; @Component({ selector: 'app-news-list', templateUrl: './news-list.component.html', styleUrls: ['./news-list.component.css'] }) export class NewsListComponent implements OnInit { constructor(private newsService: NewsService) { } ngOnInit()

I'm trying to do an api call from my angular app. What I want to do is send a post request to the api with a command param. I have done a lot of server side testing as well as going through the outgoing request, and the $_POST nor body data is never there. I am therefore pretty sure that the problem lays within this piece of code. public post(cmd: string, data: object): Observable<any> { const params = new URLSearchParams(); params.set('cmd', cmd); const options = new RequestOptions({ headers: this.getAuthorizedHeaders(), responseType: ResponseContentType.Json, params: params, body: data,