javascript - Angular :动态更改JSON请求

我正在使用Angular和d3创建仪表板应用程序。一些重要的结构部分是：


时间框架控制器
通过特定控制器使用的d3指令（例如d3-choropleth）。
JSON $http服务，可获取数据并将其推送到各个控制器。


到目前为止，这就是我的结构。我的问题是：我应该如何在应用程序的其余部分中实现时间表功能？时间范围控制器/表单的值停留在其自己的范围内。我应该将时间范围数据传输到全局变量，然后以某种方式将变量绑定到JSON请求服务吗？

这是我的服务：

// Service for making JSON requests
myApp.factory('requestService', function($http) {
   return {
        getDownloadsLineData: function() {
             // Return the promise
             return $http({
                        url: base_url + downloads,
                        method: "GET",
                        // These parameters are dynamically changed by
                        // a global timeframe control
                        params: { start: '2013-01-01',
                                end: '2013-02-01',
                                interval: 'month',
                                country: 'US',
                                location_bin: 'countries'}
                     })
                    .then(function(result) {
                        // Resolve the promise as the data
                        return result.data;
                    });
        }
   }
});

时间范围控制器：

myApp.controller('TimeframeCtrl', ['$scope',
                                   '$cookieStore',
                                   function ($scope, $cookieStore) {
                                   ...

一个d3控制器的示例：

myApp.controller('DownloadsLineCtrl', ['$scope',
                                       'requestService',
                                       function($scope, requestService){
  $scope.title = 'Downloads over Time';
  $scope.tooltip = 'Test tooltip';
  requestService.getDownloadsLineData().then(function(data) {
        $scope.d3Data = data;
    });
}]);

最佳答案

听起来您需要TimeframeService。

TimeframeController将负责在视图中显示时间范围参数，并让usrr对其进行调整（我假设）。然后将其保存回TimeframeService。

requestService也将依赖于TimeframeService并检索用于配置请求的参数。


顺便说一句，如果您正在使用$cookies存储参数，则TimeframeService应该注意这一点。