如何将下拉列表ID传递到网格并在angular JS中加载多个网格

Question

我正在尝试将下拉列表ID传递到一个页面中的多个网格。

'use strict';
angular.module('myApp.ctrls')
    .controller('Ctrl_Maps', function ($scope, $http) {
....
    $scope.itemChanged = function () {
            CountryGEOGrid();
        };

        function CountryGEOGrid(){
            $http.get()
                .success(function (data) {
...
                });
        }
    });

我想把ID传递给这个网格

angular.module('myApp.ctrls')
    .controller('Ctrl_ActualIssueByRegion', function($scope, reportService) {
        $scope.ActualIssueByRegionGridOptions = {}
}
...

我该如何连接这两个控制器？

Answer 1

您可以使用服务从两个不同的控制器设置和获取值。

我的工厂设置和获取价值
例如：

app.factory('MainService', function() {
  var itemProd = [];
  return {
    setProd: function(item) {
      itemProd.push(item);
      console.log(itemProd);
    },
    getProd: function() {
      return itemProd;
    }
  }
});

和您一样，您所需要做的就是传递ID并调用setter函数，然后如果您需要获取ID，只需使用getter。

如果你需要完整的代码，这里是我的小提琴"http://plnkr.co/edit/hvxI2ABmMBR6bNyKViFC?p=preview"