AngularJS - 在控制器之间共享变量

Question

我知道这已经发布之前，但我仍然困惑如何实现这个我的具体问题。

我的第一个控制器：

myApp.controller("buttonCtrl", function($scope){ 
    $scope.johnny = [ 
     {quote: "Anything for My Princess", controller: Princess}, 
     {quote: "Don't Even Ask", controller: DontAsk}]; 
} 

现在我想用$ scope.johnny对象在此控制器：

function Princess($scope){ 

    $scope.play = function(){ 
    //use $scope.johnny.quote or something of the sorts in here 
    } 
} 

这将如何做呢？我看过使用$ rootScope或服务的帖子;然而，我将如何执行一个在我的情况。

非常感谢。

Answer 1

使用角JS服务/工厂

样品示例如下所示

Working Demo

HTML

<div ng-app='myApp'> 
    <div ng-controller="ControllerOne"> 
     <button ng-click="getUserOne()">User One</button> 
    </div> 
    <div ng-controller="ControllerTwo"> 
     <button ng-click="getUserTwo()">User Two</button> 
    </div> 
</div> 

SCRIPT

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

app.factory('userFactory', function() { 
    return { 
     users: [{ 
      userId: 1, 
      userName: "Jhonny" 
     }, { 
      userId: 2, 
      userName: "Sunny" 
     }] 
    } 
}); 

app.controller('ControllerOne', function ($scope, userFactory) { 
    $scope.getUserOne = function() { 
     alert(JSON.stringify(userFactory.users[0])); 
    } 

}); 

app.controller('ControllerTwo', function ($scope, userFactory) { 
    $scope.getUserTwo = function() { 
     alert(JSON.stringify(userFactory.users[1])); 
    } 

}); 

也看看这个东西

How can I pass variables between controllers in AngularJS?