javascript - Angular - 无限 $digest 循环

Question

我目前正在开发一个项目，我必须从一个 View 执行多个发布请求。我的问题是，我总是得到无限的 $digest 循环。这是我当前的代码:

js 文件:

$scope.foo = function(param) {
   var deffered = $q.defer();

   $http.post('ASDASD.php', {string : param})
     .then(function(data) {
       deffered.resolve(data);
       $scope.$apply();
    }
  );

  return deffered.promise;
};

$scope.bar = function(param) {
  $scope.foo(param).then(function(result) {
    return result;
  });
};

查看:

<div ng-controller='asdfCtrl'>
   {{bar('asdf')}}
    ...
   {{bar('jkl')}}
</div>

正如你所看到的，我使用了 Promise、Watcher 和 $scope.$apply，但仍然存在无限循环。

有没有办法确保函数 bar(和相应的 foo)只被调用一次？

提前致谢!

Answer 1

每次摘要周期运行时都发出请求是没有意义的。像这样更改您的代码:

JS:

$scope.results = {};

$scope.bar = function(param) {
    $scope.foo(param).then(function(result) {
        $scope.results[param] = result;
    });
};

$scope.bar('asdf');
$scope.bar('jkl');

HTML:

<div>
    {{results['asdf']}}
    ...
    {{results['jkl']}}
</div>

此外，从您的 $scope.foo 函数中删除 $scope.$apply()，它是不需要的。