除非我使用承诺（trigger.io AJAX 请求），否则 AngularJS $rootScope 会失去价值

Question

所以这很奇怪。 $rootScope 在函数中正确设置，但随后失去其价值。如果我使用承诺，我只能保持价值。 (!?)

我正在使用 trigger.io (Forge) AJAX 请求，成功后我更新$rootScope.queries。在成功块内，$rootScope.queries 设置正确，如alert 所示。

.run(function($rootScope, $state, $q) {
    var retrieveHistory = function() {
        forge.logging.log("Retrieving history");
        // Retrieve the history
        forge.request.ajax({
          type: 'GET',
          url: 'http://localhost:9000/json',
          dataType: 'json',
          success: function (data) {
            $rootScope.queries = data["queries"];
            alert("queries " + JSON.stringify($rootScope.queries));
          },
          error: function (error) {
          }
        });
    }
    retrieveHistory();

此时，在调用 retrieveHistory() 之后，$rootScope.queries 现在为空。视图没有更新，使用 Chrome 控制台检查显示它是空的。

假设我向函数添加了一个承诺，但实际上并没有将承诺用于任何事情。

.run(function($rootScope, $state, $q) {
    var retrieveHistory = function() {
        var deferred = $q.defer();
        forge.logging.log("Retrieving history");
        // Retrieve the history
        forge.request.ajax({
          type: 'GET',
          url: 'http://localhost:9000/json',
          dataType: 'json',
          success: function (data) {
            $rootScope.queries = data["queries"];
            alert("queries " + JSON.stringify($rootScope.queries));
          },
          error: function (error) {
            deferred.reject("error " + JSON.stringify(error));
          }
        });

        return deferred.promise;
    }
    var promise = retrieveHistory();
    promise.then();

有了这个承诺，$rootScope.queries 将保持其价值。视图更新，Chrome 检查器显示该值设置正确。

这是为什么？我根本不理解这种行为。为什么我不能在原始代码中保留$rootScope.queries 的值？为什么 promise 会保值？

Answer 1

好的，2 个问题。

1. 为什么要使用 trigger.ajax 而不是 $http pr 资源，这些资源是 Angular 本机服务，因此完全了解 angulars diges 循环而不是外部库的情况。
2. 您为什么要使用 rootscope，除非您在服务内广播事件，否则您真的不应该这样做。我知道没有充分的理由污染您的 rootscope。

你的问题很可能是因为 forge.ajax 在角度摘要之外，所以你需要执行。

$rootScope.$apply() 

让 rootscope 知道他需要注意一些变化