angularjs – 角度指令封装了ng-change的延迟

发布时间：2020-12-17 08:25:42 所属栏目：安全来源：网络整理

导读：我有一个搜索输入字段，具有绑定到ng更改的重新排序函数。 input ng-model="search" ng-change="updateSearch()" 但是，每个角色都会发生太快的事情。所以我最终做了很多这样的事情： $scope.updateSearch = function(){ $timeout.cancel(searchDelay); sear

我有一个搜索输入字段，具有绑定到ng更改的重新排序函数。

<input ng-model="search" ng-change="updateSearch()">

但是，每个角色都会发生太快的事情。所以我最终做了很多这样的事情：

$scope.updateSearch = function(){
    $timeout.cancel(searchDelay);
    searchDelay = $timeout(function(){
      $scope.requery($scope.search);
    },300);
  }

因此，请求仅在用户停止打字后300ms进行。有没有解决方案将其包装在指令中？

在角度1.3这是更容易完成，使用 ngModelOptions：

<input ng-model="search" ng-change="updateSearch()" ng-model-options="{debounce:3000}">

Syntax:  {debounce: Miliseconds}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!