condivisione dei dati tra i controllori AngularJS ma avendo i dati condivisi provengono da una chiamata AJAX

Question

ho capito come condividere i dati tra due controllori AngularJS utilizzando un servizio condiviso nel esempio inventato qui sotto:

(Funzionamento fiddle)

var app = angular.module('myApp', []); 

app.factory('UserData', function() { 
    var data = {foo: 'bar'}; 

    return { 
     getData: function() { 
      console.log('getData'); 
      return data; 
     }, 
     setData: function(newData) { 
      data = newData; 
     } 
    }; 
}); 

function MainCtrl($scope, UserData) { 
    console.log('MainCtrl'); 
    console.log(UserData.getData()); 
} 
MainCtrl.$inject = ['$scope', 'UserData']; 

function JobListCtrl($scope, UserData) { 
    console.log('JobListCtrl'); 
    console.log(UserData.getData()); 
} 
JobListCtrl.$inject = ['$scope', 'UserData']; 

il mio problema è che mi piacerebbe che i dati contenuti nel UserData provenire da una chiamata AJAX (presumibilmente usando $http).

ho provato a fare la chiamata Ajax nella funzione fabbrica UserData ma, dal momento che è in esecuzione in modo asincrono, MainCtrl e JobListCtrl vengono eseguiti prima che il servizio UserData ha effettivamente tutti i dati in esso.

Qualcuno può darmi qualche direzione su come configurare il monitoraggio?

Answer 1

ho creato questo esempio che mostra come preleva, memorizza e condividi i dati (modelli) tra diversi controller senza perdere la funzionalità di bindable.

diretta Esempio:http://pablodenadai.github.io/SharingModelsAngularJS/

Codice sorgente 1: (Risorse e modello di astrazione) https://github.com/pablodenadai/SharingModelsAngularJS/blob/master/app/scripts/controllers/main.js

Repo:https://github.com/pablodenadai/SharingModelsAngularJS

Speranza che aiuta.

Answer 2

Ecco alcuni punti di partenza per aiutarvi:

1. Come ottenere i dati dal server (e come costruire un servizio di base 'modello'): SO post

2. Come tenere l'esecuzione di controllo fino a quando i dati vengono recuperati dal server: screencast from egghead.io