AngularJS - Caricamento dei dati in un servizio al caricamento della pagina

Question

In un'app angularjs, sto tentando di utilizzare un servizio personalizzato per contenere i dati principali dell'app, "elementi". Tuttavia, vorrei caricare i dati nel servizio al caricamento iniziale della pagina, al fine di evitare una richiesta ajax separata al server per ottenerla. Quale sarebbe il modo più pulito di fare questo?

Ecco un frammento del mio servizio per riferimento:

app.factory('items', function() { 
    var itemsService = {}, 
     items = []; 

    itemsService.list = function() { 
     return items; 
    }; 

    itemsService.add = function() { 
     /* ... */ 
    }; 

    return itemsService; 
}); 

E sul backend che sto usando node.js + expressjs + giada, quindi sarei iniettano i dati nella pagina utilizzando:

!{JSON.stringify(items)} 

Answer 1

Inserisci i dati bootstrap dal server in una variabile JavaScript globale. Chiedere al servizio di assegnare items a tale variabile globale (o copiare i dati in items).

Answer 2

Che ne dite di qualcosa di simile:

app.run(['items', function (items) { 
    items.load(); 
}]) 

questo presuppone tuoi items s ervice ha una funzione load (o qualcosa del genere) che fa funzionare Ajax con le risorse $ http o $.