我想知道是否有可能在$范围上实现轻微的延迟。我有以下内容查询服务器,所以我想在查询服务器之前评估查询,稍微延迟一点。我注意到,如果你快速键入,它会变得困惑,不会发送正确的信息:
$scope.$watch("query",function () { $scope.loading = true; returnFactory.query($scope.query).then(function (returns) { $scope.returns = returns; $scope.loading = false; }); });
通常我会说这个延迟使用angular的$ timeout,但你不能清除这个超时。
原文链接:https://www.f2er.com/angularjs/144216.html//编辑:你可以
设置一个超时并清除它,如果这个观察者得到足够快的触发。
喜欢这个:
var timeoutCode; var delayInMs = 2000; $scope.$watch("query",function(query) { clearTimeout(timeoutCode); //does nothing,if timeout alrdy done timeoutCode = setTimeout(function(){ //Set timeout $scope.loading = true; returnFactory.query(query).then(function(returns) { $scope.returns = returns; $scope.loading = false; }); },delayInMs); });
更新感谢stewie
这可以用angular的$ timeout来实现。
var timeoutPromise; var delayInMs = 2000; $scope.$watch("query",function(query) { $timeout.cancel(timeoutPromise); //does nothing,if timeout alrdy done timeoutPromise = $timeout(function(){ //Set timeout $scope.loading = true; returnFactory.query(query).then(function (returns) { $scope.returns = returns; $scope.loading = false; }); },delayInMs); });