Angularjs Handle api timeout

Question

I need to throw error when api doesn't respond within 30 seconds.

$http.get("api/data.json",{timeout : 3000}).success(function(data){
            $scope.data = data;
        }).error(function(data) {
            console.log('api didnt respond in 30 seconds')
        });

But it doesnt land in the error block even after 30 seconds. I am new to angularjs. Please guide me.

Michael Kang · Accepted Answer · 2015-03-22 08:36:11Z

1

You need to pass a promise to the $http timeout property:

    app.controller('ctrl', function ($http, $timeout) {
        $http({
            method: 'GET',
            url: 'api/data.json',
            timeout: $timeout(function () { alert('request timed out'); }, 3000)
        }).success(function (data) {
            alert('request successful');
        });
    });

answered Mar 22, 2015 at 8:36

Michael Kang

53k16 gold badges108 silver badges138 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angularjs Handle api timeout

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related