javascript - 如何在 AngularJS 中与另一个 Controller 共享 $scope 变量？

Question

我有这个:

app.controller('foo1', function ($scope) {
  $scope.bar = 'foo';
});
app.controller('foo2', function ($scope) {
  // want to access the $scope of foo1 here, to access bar
});

我将如何完成这个？

Answer 1

您可以使用 Angular 服务在多个 Controller 之间共享变量。

angular.module('myApp', [])
.service('User', function () {
    return {};
})

要在独立 Controller 之间共享数据，可以使用服务。使用需要共享的数据模型创建服务。在各自的 Controller 中注入(inject)服务。

function ControllerA($scope, User) {
    $scope.user = User;
    $scope.user.firstname = "Vinoth";
}

function ControllerB($scope, User) {
    $scope.user = User;
    $scope.user.lastname = "Babu";        
}