$ oglądać w serwisie?

Question

Czy można ustawić $watch na tablicy obiektów wewnątrz usługi (chciałbym, aby deklaracja $watch była wewnątrz usługi)?

Answer 1

Możesz dodać dowolne wyrażenie do zestawu zegarów, wstrzykując $rootScope i używając funkcji pierwszy argument metody $watch. Pseudo-kod:

$rootScope.$watch(function() { 
    return //value to be watched; 
}, function watchCallback(newValue, oldValue) { 
    //react on value change here 
}); 

Nie zapomnieć o trzecim, logicznego argumentu metody $watch. Musisz podać wartość true, jeśli chcesz dokładnie obejrzeć cały obiekt w celu wprowadzenia zmian.

Answer 2

usługi z natury są jak zajęcia i metody domowe. Można skonfigurować metodę, która nawiązywać połączenia z kontrolerem który jest argumentem jest zakres i zastosowanie wyrażenia Watch:

app.service('myservice',function(){ 
    this.listen = function($scope) { 
     $scope.$watch(function(){return someScopeValue},function(){ 
      //$scope.dosomestuff(); 
     }); 
    } 
}); 

//your controller 

function myCtrl($scope,myservice) { 
    $scope.listen = function() { 
     myservice.listen($scope); 
    } 

    //call your method 
    $scope.listen(); 
} 

aktualizacji: Jeśli próbujesz oglądać prywatną zmienną lokalną wewnątrz serwisu, patrz akceptowane odpowiedz za pomocą $ rootScope. Jeśli próbujesz $ oglądać zmienną $ scope w zasięgu lokalnym, to powyższe jest najlepszym rozwiązaniem. Osiągają dwie bardzo różne rzeczy.

Answer 3

Czy możesz wyjaśnić, co chcesz osiągnąć? Jak rozumiem, otrzymujesz tablicę obiektów z serwera jako model. To nie jest jasne:

1. Chcesz sprawdzić, czy niektóre obiekty w tablicy zostały zmienione (być może od czasu ostatniego połączenia z serwerem w przypadku robisz nawracające pooling)?
2. Czy chcesz sprawdzić, czy niektóre obiekty w tablicy zostały zmienione przez użytkownika za pomocą niektórych elementów kontrolnych na przednim panelu?

W przypadku 1, tak naprawdę nie trzeba używać $ watch (lub raczej $ watchCollection), ale powinieneś iterować przez tablicę otrzymaną od serwera i zweryfikować zmiany (dokładnie to, co zrobiłby $ watchColleciton). W przypadku, gdy obiekt jest inny od tego, który aktualnie posiadasz - wywołujesz obiekt. $ Save() na tym elemencie.

W przypadku 2, użyj $ watchCollection() na $ scope przekazanym jako parametr do funkcji usługi lub użyj $ rootScope, jeśli przechowujesz swoją tablicę w $ rootScope.

Mogę podać ci prawdziwy kod, jeśli chcesz wyjaśnić scenariusze.

Answer 4

Po prostu miałem sytuację, w której miałem dość duży układ zegarka na dwóch różnych kontrolerach.

Ponieważ nie chciałam powielać kodu Właśnie zdefiniowany funkcjonować w mojej służbie:

angular 
    .module('invoice') 
    .factory('invoiceState', function() { 
     var invoice = { 
      client_info: { 
       lastname: "", 
       firstname: "", 
       email: "", 
       phone: "", 
       id_client: "", 
       ... 
      } 
     } 
     invoice.watchAccommodation = function (newVal, oldVal) { 
      var accommodation = newVal; 
      //Whatever you would normally have in your watch function 
     } 

Następnie można po prostu wywołać tę funkcję w zegarku każdego kontrolera do którego wtryskiwanego usługę

function NewInvoiceCtrl(invoiceState) { 
    $scope.$watch('invoice.accommodation',invoiceState.watchAccommodation, true); 
} 

nie mam dużego doświadczenia z angularjs tak naprawdę nie mogę iść do aspektów skuteczności tego podejścia, ale to działa;)