angularjs – 在工厂对象上发出$watch问题

我在我的工厂中设置了一个变量socialRegisterFactory.pages,一旦FaceBook中的信息被完全加载就会更新.我正在尝试在我的控制器中观察这个变量,以便在加载信息时以及当该变量从false变为true时,watch函数会相应地更新范围.我已经在控制器中注销了工厂的变量,它确实显示正确,但范围没有正确更新.我的$watch功能有问题吗？

我的控制器：

$scope.pagesLoaded = false;

    $scope.$watch(socialRegisterFactory.pages,function(newVal,oldVal){
        if (socialRegisterFactory.pages === true) {
            alert("true!");
            $scope.pagesLoaded = true;
        }
    },true);

我的工厂：

var socialRegisterFactory ={
        pages: false,getAvailablePages: function($scope){
            return $http.get(settings.urlBase+'social/facebook/pages')
                .then(function(resp) {
                    socialRegisterFactory.pages = true;
                    angular.copy(resp.data.data,socialRegisterFactory.fbPages);
                    //$scope.fbPages = socialRegisterFactory.fbPages;
                    return  socialRegisterFactory.fbPages;
                });
        },

$scope.$watch(
  function() { return socialRegisterFactory.pages; },oldVal) {
    if (socialRegisterFactory.pages === true) {
        alert("true!");
        $scope.pagesLoaded = true;
    }
  },true
);