当AngularJS中的文本框更改时,javascript – 具有延迟的调用功能

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

导读：google似乎没有一个例子说明如何做到这一点。我已经成功创建了一个文本框，每次更改时调用一个函数。我想做的只是在用户停止输入x毫秒时调用该函数。我知道如何使用keyup事件在JQuery中执行它，并且可能使其以这种方式工作，但是想要这样做“Angular Way”

google似乎没有一个例子说明如何做到这一点。

我已经成功创建了一个文本框，每次更改时调用一个函数。我想做的只是在用户停止输入x毫秒时调用该函数。

我知道如何使用keyup事件在JQuery中执行它，并且可能使其以这种方式工作，但是想要这样做“Angular Way”。

编辑

也许从标签或文本中不清楚，但是我使用AngularJS，并希望为该框架使用正确的方法来创建延迟功能。

对于角度方法，可以在控制器中注入$ timeout作为依赖关系，并使用在ng模型中分配的$ watch on scope变量。

var timer=false;
$scope.ModelName='foo';
$scope.$watch('ModelName',function(){
  if(timer){
      $timeout.cancel(timer)
  }  
  timer= $timeout(function(){
      /* run code*/
   },delay)
});

（编辑：李大同）

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