在angularjs中同步范围[重复]

Question

我们正在构建一个大型 Angular 应用程序。我们已经大量使用指令、服务并拥有多达 14 个控制器。

我们的问题是在控制器之间共享数据。我们希望能够在相距较远的控制器（不是兄弟）之间共享数据，并且不会破坏双向绑定。

我建议使用专门用于传输数据的服务。

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

MyApp.factory('dataContainer', function(){ return {} });
function FirstCtrl($scope, dataContainer) {
    $scope.data = dataContainer;

}

function SecondCtrl($scope, dataContainer) {
    $scope.data = dataContainer;
}

你可以在小提琴http://jsfiddle.net/didier_/R2Bgs/2/试试。

这是好的做法吗？

Answer 1

为此使用服务绝对是个好主意。您不必考虑诸如服务之类的对象，这只是 Angular 项目中的默认命名。一旦您的应用程序增长，您可能最终会得到不同类型对象的工厂（如您的示例中的状态对象、资源对象、帮助对象等），并且“服务”这个名称变得有点含糊。

不过，我会谨慎对待像这样传递原始状态对象。您可能应该将对它的访问封装在方法/getter 和 setter 中，以避免应用程序的不同部分在不应该覆盖彼此的状态时覆盖彼此的状态，这可能有点难以调试。