AngularJS - Заводская переменная не обновляется в контроллере

Question

У меня возникла проблема с AngularJS. Infact, так как мне нужно иметь «общую» переменную, читаемую и обновляемую в двух контроллерах, я думал об этом с фабрикой, введенной в обоих контроллерах. Данные загружаются через HTTP-запрос, но как только запрос завершен, var просто не обновляется. Вот мой код:

//Common factory 
    app.factory('CurrentGallery',['$q','$http',function($q,$http){ 
    var data = null; 

    //HTTP request to API 
    var loadImages = function(query){ 
     $http.post("https://mywebsite.com/api/?"+query).then(function(result){ 
     update(result.data); 
     }); 
    } 

    //Update the data var 
    var update = function(data){ 
     data = data; 
     console.log("Update called", data); 
    } 

    return { 
     loadImages: loadImages, 
     update: update, 
     data: data 
    } 
    }]); 

    //The controller 
    app.controller("PhotoBestController", ['$scope', 'CurrentGallery', function ($scope,CurrentGallery) { 
    //$scope.pics is basically the variable I want to update inside my controller 
    $scope.pics = CurrentGallery.data; 

    //Send the data of the query for the API 
    CurrentGallery.loadImages("userInfo=true&exifInfo=true&order=tot_like,DESC"); 

    $scope.$watch(CurrentGallery, function(){ 
     console.log("CurrentGallery has changed"); 
    }); 
    }]); 

Это журнал я получаю в моей консоли:

• CurrentGallery изменил
• Update называется, Object {...}

Так это кажется, что CurrentGallery обновляется в первый раз, когда он равен нулю, но затем, даже если он обновляется внутри фабрики, он не обновляет переменную $ scope.pics var.

Любые предложения?

Answer 1

UPDATE
Я следовал логике кода в этой теме: AngularJS : How to watch service variables?

app.factory('CurrentGallery',['$q','$http',function($q,$http) { 
    var updateCallbacks = []; 
    var data = null; 

    var loadImages = function(query) { 
    $http.post("https://mywebsite.com/api/?"+query).then(function(result) { 
     angular.forEach(updateCallbacks, function(callback) { 
     callback(result.data); 
     }); 
    }); 
    } 

    var registerUpdateCallback(callback) { 
    updateCallbacks.push(callback); 
    } 

    return { 
    loadImages: loadImages, 
    registerUpdateCallback: registerUpdateCallback 
    } 
}]); 

app.controller("PhotoBestController", ['$scope', 'CurrentGallery', function($scope,CurrentGallery) {  
    CurrentGallery.registerUpdateCallback(function(data) { 
    console.log("updated") 
    }); 
    CurrentGallery.loadImages("userInfo=true&exifInfo=true&order=tot_like,DESC"); 
}]); 

Answer 2

I think your data is updated in factory only. So for updating it in controller you have to get it again from the factory. 

So where you put watch in your controller re-assign the scope variable 

$scope.$watch(CurrentGallery, function(){ 
     $scope.pics = CurrentGallery.data; 
     console.log("CurrentGallery has changed"); 
});