Angolare: Watch Service per le modifiche dei dati?

Question

Ho un servizio definito come qualcosa di simile a questo:

appServices.service('SharedData', function() { 
    var data = {}; 

    function setContacts(contacts) { 
     data.contacts = contacts; 
    }; 

    function getContacts() { 
     return data.contacts; 
    }; 

    return { 
     setContacts: setContacts, 
     getContacts: getContacts 
    }; 
}); 

In un altro controllore, ho accedere ai dati nel modo seguente:

$scope.contacts = SharedData.getContacts(); 

Questo è tutto bene - ma mi piacerebbe $scope.contacts essere avvisati e aggiornare i suoi dati ogni volta che cambiano i dati in SharedData.

Come posso realizzare questo?

Answer 1

Un modo per farlo sarebbe definire una funzione nel servizio che consente di registrare una richiamata da chiamare quando viene chiamato setContacts (onContactsUpdated di seguito). Questa soluzione non è perfetta (ad esempio, ti consente solo di registrare un singolo "gestore"), ma dovrebbe portarti sulla giusta strada. Potresti modificarlo se deve essere usato in più posti.

appServices.service('SharedData', function() { 
    var data = {}; 

    function setContacts(contacts) { 
     data.contacts = contacts; 
     if(typeof(data.contactsUpdatedCallback) !== "undefined"){ 
      data.contactsUpdatedCallback(); 
     } 
    }; 

    function getContacts() { 
     return data.contacts; 
    }; 

    function onContactsUpdated(callback){ 
     data.contactsUpdatedCallback = callback; 
    }; 

    return { 
     setContacts: setContacts, 
     getContacts: getContacts, 
     onContactsUpdated: onContactsUpdated 
    }; 
}); 

Poi nel controller:

SharedData.onContactsUpdated(function(){ 
    //do something with updated SharedData.getContacts() 
}); 

Answer 2

provare un orologio esplicito:

$scope.$watch(function() { return SharedData.getContacts(); }, function(newContacts) { // Do something with newContacts. });

Se gli elementi della collezione possono cambiare senza l'intera identità oggetto di raccolta che cambia (presumo uno Array o Object), sarà necessario utilizzare $scope.$watchCollection, anche se è notevolmente più lento t han plain $watch, quindi evita di modificare l'intera collezione in una sola volta.

Nota che potrebbe essere il design più bello per esporre una funzione per la portata che restituisce semplicemente i contatti in corso:

$scope.getContacts = function() { return SharedData.getContacts(); };

Se avete bisogno di notifica entro SharedData, si può iniettare $rootScope in esso e mettere il $watch su quello.

Answer 3

diffidare di abusarne, ma questo è proprio il genere di cosa che $rootScope è per:

appServices.service('SharedData', function($rootScope) { 
    var data = {}; 
    function setContacts(contacts) { 
    data.contacts = contacts; 
    $rootScope.$broadcast('contacts-changed', contacts); 
    }; 
    ... 

Ora, in qualsiasi ambito si desidera, è possibile iscriversi a questo evento:

function($scope) { 
    $scope.$on('contacts-changed', function(eventObj) {...}); 
}