Angular - 无限 $digest 循环

Question

我目前正在从事一个项目，我必须从一个视图中执行多个发布请求。我的问题是，我总是得到一个无限的 $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()，这是不需要的。