AngularJS - Bootstrapping von Daten in einen Dienst beim Laden der Seite

Question

In einer AngularJs-App versuche ich, einen benutzerdefinierten Dienst zu verwenden, um die Hauptdaten der App "Elemente" zu halten. Allerdings möchte ich die Daten beim ersten Laden der Seite in den Dienst laden, um eine separate Ajax-Anfrage an den Server zu vermeiden. Was wäre der sauberste Weg, dies zu tun?

Hier ist ein Ausschnitt aus meinem Dienst als Referenz:

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

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

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

    return itemsService; 
}); 

Und auf dem Back-End Ich bin mit node.js + Express.js + Jade, so würde ich mit den Daten in der Seite wird die Injektion:

!{JSON.stringify(items)} 

Answer 1

Legen Sie Ihre Bootstrapped-Daten vom Server in eine globale JavaScript-Variable. Bitten Sie Ihren Dienst, dieser globalen Variable items zuzuweisen (oder kopieren Sie die Daten in items).

Answer 2

Wie wäre es etwa so:

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

dies Ihre items s setzt voraus, ervice hat eine load Funktion (oder so ähnlich), die das eigentliche Ajax arbeitet entweder mit $ http oder $ resource.