角度承诺

Question

我遇到了我的统计控制器的异步问题。我有一个控制器查询数据库并返回对象。在这个控制器中，我使用过滤器来获取平台Facebook的过滤器，并将其放入$rootScope.facebookObjects。

第一控制器：

app.controller('statsCtrl', function ($scope, $log, $http, $timeout, $filter, Data, $rootScope) { 
    Data.get('stats').then(function(data){ 
     $scope.stats = data.data; 
     $scope.currentPage = 1; //current page 
     $scope.filteredItems = $scope.stats.length; //Initially for no filter 
     $scope.totalItems = $scope.stats.length; 
     $scope.list_pages = [ 
       { 
        id: '5', 
        name: '5' 
       }, { 
        id: '10', 
        name: '10' 
       }, { 
        id: '20', 
        name: '20' 
       }, { 
        id: '50', 
        name: '50' 
       }, { 
        id: '100', 
        name: '100' 
       } 
      ]; 
     $scope.maxSize = 5; 

     $rootScope.facebookObjects = $filter('filter')($scope.stats, { platform: "facebook" }); 
     $rootScope.twitterObjects = $filter('filter')($scope.stats, { platform: "twitter" }); 
    }); 
    $scope.setPage = function(pageNo) { 
     $scope.currentPage = pageNo; 
    }; 
    $scope.filter = function() { 
     $timeout(function() { 
      $scope.filteredItems = $scope.filtered.length; 
     }, 10); 
    }; 
    $scope.sort_by = function(predicate) { 
     $scope.predicate = predicate; 
     $scope.reverse = !$scope.reverse; 
    }; 

}); 

我有使用$rootScope.facebookObjects来填充图表的第二控制器。问题是我需要等到$rootScope.facebookObjects有一个值。目前我的控制台日志显示未定义。我正在看诺言，但我有点不确定哪个控制器使用它，以及如何正确使用它。

第二个控制器：

app.controller("PieCtrl", function ($scope, $rootScope, $timeout, $log) { 
    $log.log('facebook - '+$rootScope.facebookObjects.length); 
}); 

Answer 1

谢谢大家的帮助。这是我根据你的答案提出的。

第一个控制器：

$scope.facebookObjects = $filter('filter')($scope.stats, { platform: "facebook" }); 
$scope.twitterObjects = $filter('filter')($scope.stats, { platform: "twitter" }); 

$scope.$broadcast('update_chart_controller', { 
    fb: $scope.facebookObjects, 
    tw: $scope.twitterObjects 
}); 

第二个控制器：

$scope.$on("update_chart_controller", function(event, args) { 
    $scope.data = [args.fb.length, args.tw.length]; 
}); 

Answer 2

$rootScope.$watch('facebookObjects', function(newValue, oldValue) { 
    //do your job 
}); 

，而你可以用$看着看着它，但我不知道它是共享控制器之间的数据的好方法，甚至更多的数据是acync 。

Answer 3

我已经为您创建一个example与angular factory：

HTML：

<div ng-app="jsfiddle"> 
    <div ng-controller="MainCtrl"> 
     Data: {{data}}<br> 
    </div> 

    <div ng-controller="SecondCtrl"> 
     Data: {{data}}<br> 
    </div> 
</div> 

角：

var app = angular.module('jsfiddle', []); 

app.factory('myService', function($http) { 
    return { 
    async: function() { 
     return $http.get('https://api.myjson.com/bins/1v21f'); 
    } 
    }; 
}); 

app.controller('MainCtrl', function(myService,$rootScope, $scope, $timeout) { 
    $scope.data = "oron"; 
    myService.async().then(function(d) { 
    $timeout(function() { 
       $rootScope.data = d; 
      }, 1000); 

    }); 
}); 

app.controller('SecondCtrl', function($rootScope, $scope, $timeout) { 
    $scope.test = $rootScope.data; 

}); 

MainCtrl呼吁myService并存储在$rootScope的响应。 然后当该值准备好时，它将更新SecondCtrl上的数据对象。