Question

我的工厂中设置了一个变量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;
                });
        },

Answer 1

$ scope的第一个参数。$ watch可以是字符串或函数。

Angular docs here

不确定这会在您的具体情况下有效，但嘿。

e.g。

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

在工厂对象上使用$ watch的问题

1 个答案: