如何在Ajax请求成功后正确设置AngularJS 1.x的$scope变量？

我来帮你拆解这两个问题，都是AngularJS和外部工具（Symfony路由、jQuery）配合时的常见坑，咱们逐个解决：

问题1：$http.get无法正常执行，后续代码中断 #

核心原因 #

1. 依赖注入缺失：你的DashboardController依赖数组里只声明了$scope和$rootScope，但函数参数里却用了$http——Angular的依赖注入是严格按数组顺序匹配的，这会导致$http是undefined，调用$http.get时直接抛出错误，后续代码自然执行不了。
2. 额外要确认：Symfony的Routing对象是否全局可用？你需要确保页面已经加载了FOSJsRoutingBundle的router.js，并且目标路由ceoc.dashboard已经在Symfony配置里设置了expose: true。

修复代码 #

angular.module('CeocApp').controller('DashboardController', 
// 把$http加入依赖数组，和函数参数一一对应
['$scope', '$rootScope', '$http', function ($scope, $rootScope, $http) {
    $rootScope.pageTitle = 'Dashboard';
    $scope.total = 2500;
    alert('this line will be reached');
    
    // 确保Routing对象可用，路由已暴露
    $http.get(Routing.generate('ceoc.dashboard'))
      .then(function (response) {
          // 注意：$http的返回数据在response.data里，不是直接的data参数
          $scope.total = response.data.total; // 对应服务器返回的{"total":10}
      }, function (error) {
          // 加上错误日志，方便调试
          console.error('请求失败:', error);
      });
      
    alert('现在这行代码能正常执行了');
}]);

问题2：jQuery Ajax成功后无法修改$scope值 #

核心原因 #

jQuery的$.get是Angular框架外部的异步操作，当它的回调执行时，Angular的**消化周期（Digest Cycle）**没有被触发——Angular只会自动监听自身服务（比如$http）的异步操作，对于外部操作，它不知道$scope已经被修改，所以页面不会更新。

修复方案（两种可选） #

方案1：手动触发Angular消化周期

在修改$scope后，调用$scope.$apply()告诉Angular更新视图：

angular.module('CeocApp').controller('DashboardController', 
['$scope', '$rootScope', function ($scope, $rootScope) {
    $rootScope.pageTitle = 'Dashboard';
    $scope.total = 2500;
    
    $.get(Routing.generate('ceoc.dashboard'))
      .success(function (data) {
          alert('request successfull');
          // 用$apply包裹修改操作
          $scope.$apply(function() {
              $scope.total = data.total;
          });
      })
      .then(function () {
          $scope.$apply(function() {
              $scope.total = 6000;
          });
      });
      
    $scope.total = '879';
}]);

方案2：改用Angular的$http（推荐）

直接用Angular自带的$http服务，它会自动触发消化周期，完全避免这类问题——也就是问题1修复后的写法，这也是Angular应用的最佳实践。

总结建议 #

• 在AngularJS应用里，优先使用Angular自带的服务（比如$http、$timeout），尽量避免混用jQuery的异步方法，减少消化周期相关的问题。
• 依赖注入一定要严格对应：数组里的依赖名称和函数参数必须一一对应，否则会出现变量undefined的情况。
• 使用Symfony路由时，务必确认FOSJsRoutingBundle的资源已加载，且目标路由已配置expose: true，否则Routing.generate()会报错。

内容的提问来源于stack exchange，提问作者Juan I. Morales Pestana