javascript - Angular JS 模块的 JS 错误

Question

我写了一个模块来跟踪我所有的辅助函数(scripts/apps.js):

angular.module('app', ['ngResource']).run(function($scope){

$scope.UTIL = {

setup_pod_variables: function (pods){...}
...

});

我正在尝试从另一个目录中定义的 Controller 调用辅助函数:scripts/controller/Dashboard.js:

scope.UTIL.setup_pod_variables(pods);

我已经包含了另一个模块:

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

但是我好像还是报错:

TypeError: Cannot read property 'setup_pod_variables' of undefined
at new <anonymous> (file:///Users/simon_zhu/Documents/nautilus/app/scripts/controllers/Dashboard.js:16:12)
at d (file:///Users/simon_zhu/Documents/nautilus/app/scripts/angular.min.js:30:346)
at Object.instantiate (file:///Users/simon_zhu/Documents/nautilus/app/scripts/angular.min.js:30:475)
at file:///Users/simon_zhu/Documents/nautilus/app/scripts/angular.min.js:61:228
at file:///Users/simon_zhu/Documents/nautilus/app/scripts/angular.min.js:48:320
at q (file:///Users/simon_zhu/Documents/nautilus/app/scripts/angular.min.js:7:380)
at W (file:///Users/simon_zhu/Documents/nautilus/app/scripts/angular.min.js:48:186)
at f (file:///Users/simon_zhu/Documents/nautilus/app/scripts/angular.min.js:42:268)
at f (file:///Users/simon_zhu/Documents/nautilus/app/scripts/angular.min.js:42:285)
at f (file:///Users/simon_zhu/Documents/nautilus/app/scripts/angular.min.js:42:285) 

有什么想法吗？

Answer 1

实用功能和数据最好放在服务中，然后可以从任何地方访问。

您的问题是模块中的 $scope 与 Controller 中的 $scope 不同。

服务解决方案看起来像这样(可能包含一些错误，因为它是我脑子里写的，没有经过测试)

angular.module('app',[]).factory('utils', function(){
  return { setup_pod_variables: function(pods){...}};      
}

angular.module('app').controller('myController', ['utils', function(utils){
  utils.setup_pod_variables(...);  
}])