angularjs架构 - 在控制器之间共享数据

Question

我正在寻找有关如何设置我的第一个角度应用程序的社区建议。

我有多个共享功能的页面： - 共享许多过滤器（位置，状态等） - 每个页面都有一个网格，列有一些重叠，一些特定于每个页面 - 每个页面都有不同的数据过滤

我创建了一个服务，管理每个页面上的网格部分，以便工作得很好。我正在努力的是如何将过滤器绑定到网格。我希望有分面导航，当用户点击我要更新网格的位置时。

我有以下服务：

• CustomerModuleService（处理所有页面的网格功能）
• CustomerService（通过http获取客户）

我有以下控制器及其依赖项：

- CustomerFilterCtrl ['$scope', 'customerModuleService']
- PageOneCtrl        ['$scope', 'customerModuleService', 'customerService']
- PageTwoCtrl        ['$scope', 'customerModuleService', 'customerService']

PageOne / PageTwo视图的示例如下：

<div ng-controller="CustomerFilterCtrl">
    <location-filter></location-filter>

    <input type="text" ng-model="test"></input>
</div>

<input type="text" ng-model="test"></input>


<div id="grid1" ui-grid="gridOptions" ui-grid-paging ui-grid-resize-columns external-scopes="gridScope" class="grid" style="height: 700px;">
</div>

我试图在两个控制器之间找到ng-model =“test”作为概念证明。

有人可以帮我理解如何将这种类型的行为粘合在一起，或者可能会建议如何做到这一点。