AngularJS中如何在控制器调用core/services里的locationChange函数？

没问题，我来一步步帮你搞定这个事儿——因为AngularJS的控制器是通过依赖注入来共享外部代码的，不能直接引用全局定义的函数，所以我们需要先把你的locationChange包装成Angular服务，再在控制器里调用它，具体步骤如下：

1. 把locationChange封装成AngularJS服务 #

首先在你的core/services目录下创建一个服务文件（比如命名为locationService.js），把原有的locationChange函数包裹到Angular的工厂服务里，这样它就能被控制器注入使用了：

// core/services/locationService.js
// 确保angularApp是你项目里的Angular模块实例（和控制器用的是同一个）
angularApp.factory('LocationService', function() {
  return {
    // 把你的locationChange函数放到服务对象里
    locationChange: function(x, y) {
      return new Promise(function(resolve, reject) {
        // 这里保留你原来写的Promise内部逻辑
        // 比如异步请求、位置处理等代码，完成后调用resolve，失败调用reject
      });
    }
  };
});

如果你的locationChange需要用到Angular内置服务（比如$http发请求），直接在工厂函数里注入就行：

angularApp.factory('LocationService', function($http) {
  return {
    locationChange: function(x, y) {
      return new Promise(function(resolve, reject) {
        // 示例：用$http发送位置更新请求
        $http.put('/api/update-location', {x: x, y: y})
          .then(function(response) {
            resolve(response.data);
          })
          .catch(function(error) {
            reject(error);
          });
      });
    }
  };
});

2. 确保脚本加载顺序正确 #

在你的HTML文件里，要先加载服务脚本，再加载控制器脚本，不然控制器会找不到服务：

<!-- 先加载服务文件 -->
<script src="core/services/locationService.js"></script>
<!-- 再加载控制器文件 -->
<script src="app/js/services/controllers/EditLocationController.js"></script>

3. 在EditLocationController中注入并调用服务 #

修改你的控制器代码，把LocationService作为依赖注入进去，然后就可以调用里面的locationChange方法了：

// app/js/services/controllers/EditLocationController.js
angularApp.controller('EditLocationController', function($scope, LocationService) {
  // 举个例子：假设你在页面上有个按钮触发位置更新
  $scope.saveUpdatedLocation = function(xCoord, yCoord) {
    // 调用服务里的locationChange函数
    LocationService.locationChange(xCoord, yCoord)
      .then(function(successResult) {
        // Promise成功的回调逻辑
        console.log('位置更新成功:', successResult);
        // 比如更新页面数据、显示成功提示等
      })
      .catch(function(error) {
        // Promise失败的回调逻辑
        console.error('位置更新失败:', error);
        // 比如显示错误提示
      });
  };
});

关键注意点 #

• 确保所有代码都挂在同一个Angular模块上（也就是angularApp是同一个实例，比如你定义模块的代码是var angularApp = angular.module('myApp', []);，那服务和控制器都要基于这个模块）；
• 如果你的locationChange原本就是全局函数，虽然可以直接在控制器里调用，但这种做法不符合Angular的规范，不利于代码维护和测试，所以强烈建议用服务的方式封装。

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