ng-keyup（Angularjs）で一時停止した後にデータを送信

Question

角度アプリでバックエンドにデータを検索するためにng-keyupを使用します。しかし、問題は、それは私のサーバーに毎回要求を送ることです。ユーザーが入力を一時停止/停止した後、バックエンドに投稿要求を送信するにはどうすればよいですか？それとも、ng-keyupを使うのは間違っていますか？あなたは以下のように$timeoutでng-changeを使用することができます

私のhtml

<input ng-keyup="search(data)" ng-model="data" type="text"/> 

コントローラ

$scope.search=function($scope, $http){ 
    ....http post codes here... 
} 

Answer 1

この目的のためにng-modelためdebounceオプションがあります。

入力するだけでng-model-options="{ debounce: 1000 }"を追加してください。

Answer 2

。

注：あなたは上記のごsearch方法でパラメータとして$httpを使用するので$httpと$timeoutは、コントローラに注入しなければなりません。

<input ng-change="search(data)" ng-model="data" type="text"/> 

JS

var handle; 
$scope.search = function(data){ 
    if(handle){ 
     $timeout.cancel(handle); 
     handle = null; 
    } 
    handle = $timeout(function(){ 
     // $http.post(..) 
    }, 1000); 
};