AngularJS http get with settimeout logic

Question

I have one issue that one of companies has so many data that make to load so long to be displayed in my AngularJs project. Sometimes, it does not appear when kind of connection is cut off or request time out. At that time, what my client is to show some message and re-run that function again to reload data. Backend is using NodeJS.

Please help me how to full-fill my client's request.

Here is my code to get data from backend.

$scope.tableParams = new ngTableParams({
    page: 1, // show first page
    count: 20, // count per page
    sorting: {
        title: 'asc' // initial sorting
    },
    filter: {
        title: filterText,
        is_active: $scope.IsActive
    }
}, {
    total: 0,
    getData: function ($defer, params) {
        companyService.getDataBelongToCompany($scope.companyId, params.url()).then(function (data) {
            params.total(data.total);
            $defer.resolve(data.jobs);
            $scope.collapsed = false;
        }, function () {
            $defer.resolve([]);
        });
    }
});

With pagination, this issue should not arise...

Rayon
– Rayon

2016-05-26 08:25:30 +00:00
Commented May 26, 2016 at 8:25 — Rayon
– Rayon, Commented May 26, 2016 at 8:25
@Rayon tableParams has pagination itself.

Pyae Phyoe Shein
– Pyae Phyoe Shein

2016-05-26 08:58:42 +00:00
Commented May 26, 2016 at 8:58 — Pyae Phyoe Shein
– Pyae Phyoe Shein, Commented May 26, 2016 at 8:58
That is what I mean...

Rayon
– Rayon

2016-05-26 09:28:45 +00:00
Commented May 26, 2016 at 9:28 — Rayon
– Rayon, Commented May 26, 2016 at 9:28

miquelarranz · Accepted Answer · 2016-05-26 08:45:34Z

1

I think that what you need is to use a server-side pagination. If the response takes so long you should limit the data sent by your backend and paginate it because it will affect the user experience.

Here you can find more information about how to paginate with ngTable:

ngTable pagination documentation

answered May 26, 2016 at 8:45

miquelarranz

90411 silver badges27 bronze badges

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

Comments

Community · Accepted Answer · 2017-05-23 12:08:12Z

0

one method is to add timeout in http request as below

$http.get('url', {timeout: 5000}); if it takes more than 5 secs you can show message in .error() function

Check this answer for more details How to set a global http timeout in AngularJs

edited May 23, 2017 at 12:08

CommunityBot

11 silver badge

answered May 26, 2016 at 8:46

rashidnk

4,3023 gold badges24 silver badges35 bronze badges

Collectives™ on Stack Overflow

AngularJS http get with settimeout logic

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related