La liaison des variables de Service/de l'Usine pour les Contrôleurs

J'ai une variable qui sera utilisée par un ou plusieurs Contrôleurs, modifié par les Services.
Dans ce cas, j'ai construit un service qui maintient cette variable dans la mémoire, et de les partager entre les contrôleurs.

Le problème est le suivant: à Chaque fois que la variable change, les variables dans les contrôleurs ne sont pas mis à jour en temps réel.

J'ai créer ce Violon pour vous aider. http://jsfiddle.net/ncyVK/

--- À noter que la {{countService}} ou {{countFactory}} n'est jamais mis à jour lorsque je incrémenter la valeur de comptage.

Comment puis-je lier le Service/l'Usine variable $scope.variable dans le Contrôleur? Ce que je fais mal?

InformationsquelleAutor Deividi Cavarzan | 2013-04-15
  1. 117

    Vous ne pouvez pas lier des variables. Mais vous pouvez lier des variables accesseurs ou des objets qui contiennent cette variable. Ici est fixe jsfiddle.

    Fondamentalement, vous devez passer à la portée de quelque chose, qui peut renvoyer/ou détient valeur actuelle. E. g.

    Usine:

    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;
        }
    }               
});

    Contrôleur:

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

    Vue:

    <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>
    • Donc, essentiellement, l'usine est juste partagé (singleton) conteneur pour les données et les fonctions sur les données. Vous gérer manuellement / synchroniser les données dans et hors de l' $portée?
    • la droite. Excellent article ici
    • Donc en passant à la fonction de testFactory.getCount et n'est pas en invoquant, et en l'invoquant à l'intérieur de l'INTERFACE utilisateur que vous avez lié les services de la valeur. Alors que si vous $champ d'application.countFactory = testFactory.getCount() vous serait-il suffit d'invoquer la fonction une fois lorsqu'il est initialisé et rien n'est lié? Donc pas de mise à jour plus tard si les changements de la valeur?
    • oui, c'est vrai
    • l'usine n'est pas un singleton. Si vous voulez avoir un singleton contenant de service à la place. Service et de l'Usine sont fondamentalement les mêmes dans angulaire juste avec la différence que le Service est un singleton et l'Usine ne l'est pas.
    • Non, une usine est un singleton trop; tous les services Angulaire sont des singletons. Lorsque vous vous inscrivez à une usine de fonction du module, il va créer une instance de service lors d'un appel.
    • pensé que c'était un bon exemple de retour d'un objet à partir de l'usine du contrôleur: stackoverflow.com/questions/22906196/...

    InformationsquelleAutor jusio
  2. 0

    C'est pas une bonne idée de lier les données de service,mais si vous avez besoin de plus,je vous suggère de ces 2 façons.

    1) Obtenir que les données ne sont pas à l'intérieur de votre service.Obtenir des Données à l'intérieur de vous-contrôleur et vous n'aurez pas de problème pour le lier.

    2) Vous pouvez utiliser AngularJs fonction d'Événements.Vous pouvez même envoyer des données à travers cet événement.

    Si vous avez besoin de plus d'exemples voici l'article qui peut peut-être vous aider.

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

    InformationsquelleAutor Hazarapet Tunanyan