Zmienne wiążące z usługi/fabryki do kontrolerów

Question

Mam zmienną, która będzie używana przez jeden lub więcej kontrolerów, zmienionych przez usługi. W tym przypadku stworzyłem usługę, która przechowuje tę zmienną w pamięci i udostępnia ją między kontrolerami.

Problem polega na tym, że za każdym razem, gdy zmienna ulega zmianie, zmienne w kontrolerach nie są aktualizowane w czasie rzeczywistym.

Tworzę to skrzypce, aby pomóc. http://jsfiddle.net/ncyVK/

--- Należy pamiętać, że {{countService}} lub nigdy nie jest aktualizowany, gdy zwiększam wartość licznika.

Jak powiązać zmienną Service/Factory ze zmienną $ scope.variable w kontrolerze? Co robię źle?

Answer 1

Nie można powiązać zmiennych. Ale możesz powiązać zmienne obiekty dostępowe lub obiekty, które zawierają tę zmienną. Tutaj jest naprawiony jsfiddle.

Zasadniczo musisz przekazać do zakresu coś, co może zwrócić/lub utrzymuje aktualną wartość. Na przykład.

fabryczne:

app.factory('testFactory', function(){ 
    var countF = 1; 
    return { 
     getCount : function() { 

      return countF; //we need some way to access actual variable value 
     }, 
     incrementCount:function(){ 
      countF++; 
      return countF; 
     } 
    }    
}); 

Kontroler:

function FactoryCtrl($scope, testService, testFactory) 
{ 
    $scope.countFactory = testFactory.getCount; //passing getter to the view 
    $scope.clickF = function() { 
     $scope.countF = testFactory.incrementCount(); 
    }; 
} 

Widok:

<div ng-controller="FactoryCtrl"> 

    <!-- this is now updated, note how count factory is called --> 
    <p> This is my countFactory variable : {{countFactory()}}</p> 

    <p> This is my updated after click variable : {{countF}}</p> 

    <button ng-click="clickF()" >Factory ++ </button> 
</div> 

Answer 2

To nie jest dobry pomysł, aby związać żadnych danych z serwisu, ale jeśli trzeba go już, ja sugerują ci, którzy podążają dwoma drogami.

1) Uzyskaj te dane poza swoją usługą. Pobierz dane do kontrolera i nie będziesz mieć problemu z jego powiązaniem.

2) Możesz użyć funkcji AngularJs Events. Możesz nawet wysyłać dane do tego wydarzenia.

Jeśli potrzebujesz więcej przykładów, oto artykuł, który może ci pomóc.

http://www.w3docs.com/snippets/angularjs/bind-value-between-service-and-controller-directive.html