AngularJS 是一款流行的前端 JavaScript 框架，它提供了许多功能和工具来简化前端开发。在 AngularJS 中，控制器是应用程序中组织业务逻辑的重要组成部分。但是，在不同的控制器之间共享数据可能会很棘手。本文将介绍如何在 AngularJS 中传递变量以及如何在控制器之间共享数据。
$rootScope
AngularJS 中的 $rootScope 是所有控制器可访问的全局对象。您可以使用 $rootScope 来存储和访问需要在多个控制器之间共享的数据。以下是一个示例：
angular.module('myApp', [])
.controller('MyCtrl1', function($scope, $rootScope) {
$rootScope.sharedVariable = 'Hello World';
})
.controller('MyCtrl2', function($scope, $rootScope) {
console.log($rootScope.sharedVariable);
});上述代码中，我们在 MyCtrl1 控制器中设置了一个名为 sharedVariable 的变量。然后，在 MyCtrl2 控制器中，我们通过访问 $rootScope 来获取该变量的值。
但是，$rootScope 可能会导致命名冲突和性能问题，因此最好避免在它上面放置过多的数据。幸运的是，AngularJS 提供了其他选项来传递变量。
服务
在 AngularJS 中，服务是单例对象，可以跨越多个控制器和其他组件共享。您可以将数据存储在服务中，并在需要时获取它。以下是一个示例：
-- -------------------- ---- -------
----------------------- ---
--------------------------- ---------- -
------------------- - ------ -------
--
---------------------- ---------------- ---------------- -
------------------------------ - ---- -------
--
---------------------- ---------------- ---------------- -
--------------------------------------------
---上述代码中，我们创建了一个名为 mySharedService 的服务，并将 sharedVariable 存储在其中。然后，在 MyCtrl1 控制器中，我们更新了该变量的值。最后，在 MyCtrl2 控制器中，我们通过访问 mySharedService 来获取该变量的值。
事件广播
AngularJS 还提供了一种名为 $emit 和 $broadcast 的事件系统，该系统允许不同的控制器之间通信。使用 $emit 可以向父级控制器发送事件，而使用 $broadcast 可以向所有子级控制器发送事件。以下是一个示例：
-- -------------------- ---- -------
----------------------- ---
---------------------- ---------------- ----------- -
----------------------- ------ --------
--
---------------------- ---------------- ----------- -
--------------------- --------------- ----- -
------------------
---
---上述代码中，我们在 MyCtrl1 控制器中使用 $emit 发送了一个名为 myEvent 的事件，并传递了一个数据参数。然后，在 MyCtrl2 控制器中，我们使用 $on 监听该事件并获取传递的数据。
总结
AngularJS 提供了许多选项来在控制器之间共享数据。您可以使用 $rootScope、服务或事件广播来传递变量。选择哪种方法取决于您的具体需求和应用程序的结构。希望本文能够帮助您了解如何在 AngularJS 中传递变量并在不同的控制器之间共享数据。
参考示例代码：
<!DOCTYPE html> <html ng-app="myApp"> <head> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></script> > 来源：[JavaScript中文网](https://www.javascriptcn.com/post/25011) ，转载请注明来源 [https://www.javascriptcn.com/post/25011](https://www.javascriptcn.com/post/25011)