在多个控制器之间共享变量的一种方法是创建一个服务并将其注入到您想要使用它的任何控制器中。

简单的服务示例：

angular.module('myApp', [])
    .service('sharedProperties', function () {
        var property = 'First';

        return {
            getProperty: function () {
                return property;
            },
            setProperty: function(value) {
                property = value;
            }
        };
    });

在控制器中使用服务：

function Ctrl2($scope, sharedProperties) {
    $scope.prop2 = "Second";
    $scope.both = sharedProperties.getProperty() + $scope.prop2;
}

这在这篇博客中得到了很好的描述（特别是第 2 课及以后）。

我发现如果您想跨多个控制器绑定到这些属性，如果您绑定到对象的属性而不是原始类型（布尔值、字符串、数字）以保留绑定引用，则效果会更好。

示例：var property = { Property1: 'First' };代替var property = 'First';.

更新：为了（希望）让事情更清楚，这里有一个小提琴，显示了一个例子：

• 绑定到共享值的静态副本（在 myController1 中）
  • 绑定到原语（字符串）
  • 绑定到对象的属性（保存到作用域变量）
• 绑定到随着值更新而更新 UI 的共享值（在 myController2 中）
  • 绑定到返回原语（字符串）的函数
  • 绑定到对象的属性
  • 两种方式绑定到对象的属性

我喜欢用简单的例子来说明简单的事情:)

这是一个非常简单的Service例子：

angular.module('toDo',[])

.service('dataService', function() {

  // private variable
  var _dataObj = {};

  // public API
  this.dataObj = _dataObj;
})

.controller('One', function($scope, dataService) {
  $scope.data = dataService.dataObj;
})

.controller('Two', function($scope, dataService) {
  $scope.data = dataService.dataObj;
});

而这里的jsbin

这是一个非常简单的Factory例子：

angular.module('toDo',[])

.factory('dataService', function() {

  // private variable
  var _dataObj = {};

  // public API
  return {
    dataObj: _dataObj
  };
})

.controller('One', function($scope, dataService) {
  $scope.data = dataService.dataObj;
})

.controller('Two', function($scope, dataService) {
  $scope.data = dataService.dataObj;
});

而这里的jsbin

如果这太简单了，这里有一个更复杂的例子

另请参阅此处的答案以获取相关的最佳实践评论

--- 我知道这个答案不是针对这个问题的，但我希望阅读这个问题并想要处理诸如工厂之类的服务的人避免这样做的麻烦 ----

为此，您需要使用服务或工厂。

这些服务是在非嵌套控制器之间共享数据的最佳实践。

关于这个关于数据共享的主题，一个非常好的注释是如何声明对象。我很倒霉，因为我在读到它之前就掉入了 AngularJS 的陷阱，我非常沮丧。所以让我帮你避免这个麻烦。

我从“ng-book: The complete book on AngularJS”中读到，在控制器中作为裸数据创建的 AngularJS ng-models 是错误的！

$scope 元素应该像这样创建：

angular.module('myApp', [])
.controller('SomeCtrl', function($scope) {
  // best practice, always use a model
  $scope.someModel = {
    someValue: 'hello computer'
  });

而不是这样：

angular.module('myApp', [])
.controller('SomeCtrl', function($scope) {
  // anti-pattern, bare value
  $scope.someBareValue = 'hello computer';
  };
});

这是因为建议（最佳实践）为 DOM（html 文档）包含调用作为

<div ng-model="someModel.someValue"></div>  //NOTICE THE DOT.

如果您希望子控制器能够从父控制器更改对象，这对嵌套控制器非常有用....

但是在您的情况下，您不需要嵌套范围，但是从服务到控制器获取对象也有类似的方面。

假设您有您的服务“工厂”，并且在返回空间中有一个包含 objectB 的 objectA，其中包含 objectC。

如果您想从您的控制器中将 objectC 放入您的范围内，那么说：

$scope.neededObjectInController = Factory.objectA.objectB.objectC;

那行不通…… 而是只使用一个点。

$scope.neededObjectInController = Factory.ObjectA;

然后，在 DOM 中，您可以从 objectA 调用 objectC。这是与工厂相关的最佳实践，最重要的是，它将有助于避免意外和无法捕捉的错误。

不创建服务的解决方案，使用 $rootScope：

要在应用程序控制器之间共享属性，您可以使用 Angular $rootScope。这是共享数据的另一种选择，让人们知道它。

跨控制器共享某些功能的首选方法是服务，要读取或更改可以使用 $rootscope 的全局属性。

var app = angular.module('mymodule',[]);
app.controller('Ctrl1', ['$scope','$rootScope',
  function($scope, $rootScope) {
    $rootScope.showBanner = true;
}]);

app.controller('Ctrl2', ['$scope','$rootScope',
  function($scope, $rootScope) {
    $rootScope.showBanner = false;
}]);

在模板中使用 $rootScope（使用 $root 访问属性）：

<div ng-controller="Ctrl1">
    <div class="banner" ng-show="$root.showBanner"> </div>
</div>

上面的示例就像一个魅力。我只是做了一个修改，以防万一我需要管理多个值。我希望这有帮助！

app.service('sharedProperties', function () {

    var hashtable = {};

    return {
        setValue: function (key, value) {
            hashtable[key] = value;
        },
        getValue: function (key) {
            return hashtable[key];
        }
    }
});