Avoid too many requests in Sails.js + AngularJS (caching HTTP requests)

Question

I'm using Sails.js as base for my project, and so far I'm trying to modularize every UI element using AngularJS.

Although I think this approach is good because it allows me to reuse my code as much as possible, in the end I will have to make many HTTP requests to the server because each module doesn't share data with the others.

So, what would be a solution to mitigate the number of requests and share the data among all controllers?

I have thought of 2 different solutions:

Populate views from the back-end reducing the amount of data the AngularJS controllers are requesting.
Request data dynamically using sockets and cache the commonly used queries.

I really didn't know about that! I'll look for more informations about it. Thanks! — siannone, Oct 06 '14 at 17:53

score 1 · Accepted Answer · edited May 23 '17 at 11:57

1

I have found out that you can cache HTTP requests in AngularJS using $cacheFactory (documentation here).

An easy way to do it is the following one:

$http({
    url : '/your/path',
    method : 'POST',
    cache : true
})
.success(function (data) {
    data;
})

More informations can be found on coderwall and on this StackOverflow question.

edited May 23 '17 at 11:57

Community

1
1

answered Oct 06 '14 at 18:09

siannone

6,617
15
59
89

aw04 · Answer 2 · 2014-10-06T19:35:10.127

An angular service is typically used to share data between controllers. Here's a simple example of what that may look like. Note it will only make a request to get data the first time, after that it will use the stored value.

app.factory('dataService', function () {
    var service = {};
    var data;

    service.getData = function () {
        if (!data) {
            //populate data via http get or whatever
        }
        return data;
    }

    return service;
});

This service can then be injected into any controller.

score 0 · Answer 3 · answered Oct 07 '14 at 14:17

0

Have you taken a look at angular-cache and angular-data? It's both a wrapper to the built in angular data communication layer, as well as a client side data store.

answered Oct 07 '14 at 14:17

Evanion

188
3
12

Avoid too many requests in Sails.js + AngularJS (caching HTTP requests)

3 Answers3