如何让Controller从directive获取信息，实现静态对象全局控制器可见？

这问题我在项目里碰过好多次了，给你几个实用的实现方案，都是AngularJS生态里常用的套路，按需选就行：

AngularJS里的Service/Factory是天生的单例，专门用来处理跨组件的共享数据，完全符合你的需求，而且解耦性强，后续扩展修改也方便。

步骤很简单：

• 先创建一个Service来托管你的静态对象：

angular.module('yourApp').factory('SharedDataService', function() {
  // 这里放你原来directive scope里的静态对象
  var sharedObj = {
    key1: 'value1',
    key2: 'value2'
  };

  return {
    // 提供获取数据的方法
    getSharedObj: function() {
      return sharedObj;
    },
    // 如果后续需要修改数据，还可以添加更新方法
    updateSharedObj: function(newData) {
      angular.extend(sharedObj, newData);
    }
  };
});

• 然后在你的Directive和任意Controller里注入这个Service就能访问了：
  • Directive中使用：

angular.module('yourApp').directive('yourDirective', function(SharedDataService) {
  return {
    scope: {}, // 不用在directive自己的scope里单独存数据了
    link: function(scope) {
      // 把共享对象绑定到directive的scope，方便模板使用
      scope.sharedObj = SharedDataService.getSharedObj();
    }
  };
});

• Controller中使用：

angular.module('yourApp').controller('AnyController', function($scope, SharedDataService) {
  $scope.sharedData = SharedDataService.getSharedObj();
});

如果不想额外写Service，也可以把对象放到$rootScope里——因为所有子Scope都会继承$rootScope的属性，所以所有Controller和Directive都能直接访问。

• 在App的run块里初始化全局对象：

angular.module('yourApp').run(function($rootScope) {
  $rootScope.sharedObj = {
    key1: 'value1',
    key2: 'value2'
  };
});

• 然后在Directive和Controller里直接调用：
  • Directive中：

link: function(scope) {
  // 绑定到自己的scope，模板就能用了
  scope.sharedObj = scope.$root.sharedObj;
}

• Controller中：

// 因为子Scope继承了$rootScope，所以直接就能用
$scope.sharedObj = $scope.sharedObj;
// 或者直接用$rootScope访问
// $scope.sharedObj = $rootScope.sharedObj;

⚠️ 注意：这个方案虽然快，但$rootScope是全局作用域，滥用容易导致命名冲突，而且数据变化很难追踪，只适合简单的静态数据场景。

如果你的对象是完全不会修改的纯静态数据，那用constant或value更合适——它们也是单例，注入到任何地方都能访问，而且写法更简洁。

• 定义一个Constant（Constant可以在config阶段注入，Value不行，按需选择）：

angular.module('yourApp').constant('STATIC_SHARED_OBJ', {
  key1: 'value1',
  key2: 'value2'
});

• 在Directive和Controller中注入使用：
  • Directive中：

angular.module('yourApp').directive('yourDirective', function(STATIC_SHARED_OBJ) {
  return {
    link: function(scope) {
      scope.sharedObj = STATIC_SHARED_OBJ;
    }
  };
});

• Controller中：

angular.module('yourApp').controller('AnyController', function($scope, STATIC_SHARED_OBJ) {
  $scope.staticData = STATIC_SHARED_OBJ;
});

总结 #

• 优先选Service/Factory：符合AngularJS的设计模式，解耦性强，方便后续维护扩展；
• 纯静态只读数据选Constant/Value：写法简洁，性能更好；
• $rootScope尽量少用：只适合极简单的场景，避免全局污染。

内容的提问来源于stack exchange，提问作者squeezy00